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
2 answers

React Native Relase, Debug apk crashes in physical devices

I followed the facebook documentation on how to generate signed apk exactly. But still I am getting error: undefined is not an object (evaluating 'e.length' Here is the screenshot However, the app works fine in Android Emulator with command…
Jason
  • 122
  • 2
  • 11
0
votes
1 answer

expo android app not loading due to table not found

All of the sudden I'm getting the following error whenever I try to load the app on my phone. I tried changing to a previous commit (which should work), reinstall all packages, "git reset --hard", but all of this still results into the same red…
Sytze Andringa
  • 413
  • 1
  • 4
  • 12
0
votes
1 answer

NativeBase : Navigate to a screen inside a Tab (KitchenSink)

I'm using the NativeBase (and especially the NativeBaseSink template). All my routes are defined in the App.js like this : App.js import { Platform } from "react-native"; import { Root } from "native-base"; import { StackNavigator, TabNavigator }…
0
votes
1 answer

Unable to load script from assets in React Native

I followed the instruction to install native-base from nativebase.io and to setup the project. I was successful at that, after running the command react-native run-android I get a successful message in the CMD telling BUILD SUCCESSFUL Total time:…
Jason
  • 122
  • 2
  • 11
0
votes
1 answer

How to import NativeBase 2.2.0 to ReactNative project?

I am a newbie in ReactNative development and I am trying to import NativeBase 2.2.0 to my project. I follow this instruction Getting started Steps: $react-native init MyProject $cd MyProject $react-native run-android After successful…
neo
  • 618
  • 1
  • 10
  • 29
0
votes
1 answer

Radio Buttons are not working on ios

I am trying to use Native-Base radio buttons. I've added some additional code to it for making radio buttons work. While it's still not working. Here is the code: import React, { Component } from 'react'; import { Container, Header, Content,…
NewTech Lover
  • 1,185
  • 4
  • 20
  • 44
0
votes
2 answers

React-Native get key of Listitem

so i'm trying to get the key of a ListItem, generated in a loop for, but i get a undefined value. alert(this.key)}> If someone can help me with that ?
0
votes
1 answer

It shows syntax error about missing enclosing tag while I've added enclosing tag

I am using a react-native-gifted-chat example which doesn't have a header. I've tried to add header from native-base. After integration, it says error about missing enclosing tag while it was already there. How can this fixed? Here is the code:…
NewTech Lover
  • 1,185
  • 4
  • 20
  • 44
0
votes
1 answer

can we use shoutem and native base at same time without loosing performance

can I use native base component along with shoutem animation , I have , without speeding down the application ? (I don't know how to compare the performance of different code in react native so any suggestion in this matter could help me a lot)
Javad Sameri
  • 1,218
  • 3
  • 17
  • 30
0
votes
0 answers

RefreshControl on ListView throwing Invariant Violation

I'm trying to get a simple pull-to-refresh list to work. I have tried to replicate the animated gif that @sankhadeeproy007 showed in #269 but it's throwing the following error. Invariant Violation: Element type is invalid: expected a string (for…
0
votes
0 answers

react native error when install native-base or any

I'm a React Native beginner. I'm having an issue that after I create a project by command react-native init myapp and it is success but when I install native-base by command npm install native-base --save that has error as following: npm ERR! code…
0
votes
2 answers

ListView UI doesn't look as expected.(Native-Base)

Why is it showing ugly left grey margin? I tried with many different List and it's still printing left grey margin. Is this common? I followed Native-base document : http://docs.nativebase.io/Components.html#list-avatar-headref import { Container,…
merry-go-round
  • 4,533
  • 10
  • 54
  • 102
0
votes
1 answer

When try to type on text input nothing is typed (its credit card expiry input)

I am trying to build payment screen. And after writing this code, in expiry date input is not possible to type anything. when you type on keyboard numbers nothing is typed in text input. Also there is no any error on the screen. I write 2 code…
Syuzanna
  • 509
  • 2
  • 8
  • 14
0
votes
1 answer

Change color of react base search component

I have a react base search component and I would like to change the blue color to a other color as in the picture. The react code I use to generate comes from the react base website.
Tim Dirks
  • 439
  • 1
  • 6
  • 17
0
votes
1 answer

Between the 2nd and 3th scrollable tabs border appeared which must not be there

I am using react-native scrollable tabs and native-base. Between the 2nd and 3th scrollable tabs border appeared which must not be there. I tried to add borderLeftWidth:0, marginLeft:0 in the style object but it haven't solved the trouble.Here is…
Syuzanna
  • 509
  • 2
  • 8
  • 14