Questions tagged [native-base]

NativeBase is a free, open source, cross-platform, reusable UI component library for React Native.

Resources


Kitchen Sink Demo

Take a look at the official demo by downloading the Expo app from the Apple App Store or the Google Play Store and scanning the QR Code here.


Related tags

996 questions
0
votes
0 answers

React-native version conflict

Previously i have used react-native 0.38. I have changed the version to react-native 0.40 and run npm install. The app is build successfully, but in the login page native-base input component is not visible. I have cleaned and rebuild the project…
San Daniel
  • 165
  • 1
  • 3
  • 15
0
votes
1 answer

ignite-native-base-boilerplate - Clicking on Explore Button on LaunchScreen throws error - Android

Can anyone please help with following issue? After creating app using: ignite new appname --max --boilerplate native-base-boilerplate Click on Login - successfully navigates to LaunchScreen Click on Explore - throws following error undefined is not…
Tejas Patel
  • 1,289
  • 13
  • 25
0
votes
1 answer

React Native Native Base ListItem onPress method

So I'm having a problem with navigating to specific screens, I want to go to the some other screen from current screen when ListItem on the current screen is pressed. But when I press the item, nothing happens. Here's my code: Folder Exercises ->…
DaxHR
  • 683
  • 1
  • 11
  • 30
0
votes
1 answer

Unable to Resolve module in react-native

Problem : Whenever I am trying to import .js or any image file, I get this Unable to resolve module Error I have checked path of files are correct. Path : App.js : import React, { Component } from "react"; import { Container, Header, …
zedunaid
  • 5
  • 1
  • 3
0
votes
0 answers

error installing Native Base for React Native

I installed Native Base on one machine and this was fast and no hiccups, but it fails on another machine. Below is the log of what happens, can somebody please advise. I just reinstalled git to the latest version. Thank you. npm WARN addRemoteGit…
Vadim
  • 1
  • 1
0
votes
1 answer

How to Fix those Radio Buttons? I need first one selected by default, but it's not working

I am trying to configure those radio buttons. When I run the app no one of those radio buttons is selected, while I need first one selected by default. I am using this code: import React, { Component } from "react"; import { Container, Header,…
user9054759
0
votes
2 answers

State in componentDidMount always null, there should be data from the task variable

I have a problem, every i call state "modalData" in componentDidMount, state always null, there should be data from the task variable. constructor(props){ super(props); this.tasksRef = firebase.database().ref('/users/'+ this.props.card_id); …
0
votes
1 answer

include native lib into CRNA app

Hi I am tried to work with React Native Map components with my application created by CRNA. so it is possible to include React Native Map components and work with API like MapView
0
votes
1 answer

Native base header has odd solid color below

i am using react-native with native base for my app. I get this error recently that do not know when it started happening, initially it worked as intended. I get a solid line below the header in grey that is over everything I scroll on the flatlist.…
galgo
  • 734
  • 3
  • 17
  • 45
0
votes
1 answer

Bind picker and put its own value

Hello I'm new in react native. I use native-base. I make an mobile app and I need to make a reservation page. To do this I need to create two Picker and put in there the current day and the next for first . An hour between 7am and 19pm in the…
Bastien
  • 131
  • 2
  • 13
0
votes
0 answers

React Native - how to convert json to array for DeckSwiper component?

Instead of using a static array below, I want to use a json file, so I can update the data myself. The cards array is used for the DeckSwiper component (see: https://docs.nativebase.io/Components.html#deckswiper-def-headref ) const cards = [ …
0
votes
1 answer

How to not set an Icon for the last form item inside this code?

I am using Redux-form for form validation. Inside the renderinput we have many inputs and each of them has it's own Icon however we need to use the field with date2 input.name without icon. I set it null, undefined, false while unfortunately no…
user8978302
0
votes
1 answer

How can i use TextInput & Dropdown by using Nativebase on react-native

am new react-native & nativebase. I try to use nativebase to build Textinput and Dropdown(Picker) in the same page but I cannot. I want to use both of them in the same page. Can u tell me how to. Thank you so much //I want this to be…
Marbelis
  • 5
  • 1
  • 2
0
votes
1 answer

React Native package conflict: native-base x react-native-firebase

Today I created an (empty) Android app using the "react-native-firebase" and "native-base" packages. It works in debug mode, but in release mode crash occurs. Steps to reproduce the problem: Create a new app react-native init BaseTest cd…
Lucas Boemeke
  • 211
  • 2
  • 6
0
votes
1 answer

When we try to separate style files app doesn't render it shows spinner with background all time

image of CMD Before doing it styles were on the same files. We cut all styles and pasted it on the separate file. Here is how it looks like. import React, {Component} from "react"; import {Dimensions} from "react-native"; const win =…
Syuzanna
  • 509
  • 2
  • 8
  • 14