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

843 questions
88
votes
26 answers

Module AppRegistry is not registered callable module (calling runApplication)

I am using native base for making app in react-native. I am new to both things. When I run the app It gives me this error: Here is my code: export default class Point extends Component { render() { return (
Asad
  • 2,264
  • 4
  • 17
  • 45
52
votes
10 answers

Text vertical align in react native (using nativebase)

I was wondering there is a way I can align vertically in React Native. I'm trying to position on the bottom but I don't think I can find a good way to do it. If anyone knows how to solve this issue, please let me know.
ckim16
  • 1,119
  • 2
  • 14
  • 27
39
votes
11 answers

Animated: `useNativeDriver` was not specified issue of ReactNativeBase Input

I created a new react-native project today (April 3rd, 2020) and added a native-base. Then I tried to add input with the floating label. It gives a warning message: Animated: useNativeDriver was not specified. This is a required option and must be…
Supun Induwara
  • 1,114
  • 2
  • 11
  • 20
25
votes
5 answers

React-Native Detect Screen Notch

I am using nativebase.io as the UI framework for my app. My issue when I input a header for an IOS device, if the iPhone simulator is simulating iPhone X, (where there is a notch on the top of the screen), the Header element automatically detects…
X0r0N
  • 1,306
  • 3
  • 18
  • 42
25
votes
5 answers

Loading font native-base error

I'm getting the error: You started loading 'Roboto_medium', but used it before it finished loading when using native base. I've followed the instructions in the official page. To create react native app I'm using…
Igor Martins
  • 1,859
  • 5
  • 28
  • 52
25
votes
2 answers

React Native have to double click for onPress to work

I'm using React Native with the Native Base library. I need an onPress event to fire on Native Base' ListItem (equivalent to TouchableOpacity) when the keyboard is open. I now have to click once to close the keyboard and then I can press the…
Molly Harper
  • 2,093
  • 3
  • 24
  • 30
25
votes
9 answers

Unrecognized font family ionicons

I followed the setup instructions in the NativeBase Docs and ran rnpm link. I am getting this error: Unrecognized font family ionicons also checked by Xcode, the fonts are already in the build phase. What am I missing?
Chetana
  • 261
  • 1
  • 3
  • 4
20
votes
2 answers

React Native - why is this function executing?

I'm just starting to wrap my head around React Native and am using Redux for management of state, the NativeBase library for my UI components and react-native-router-flux is handling navigation between views. Currently I'm building a basic list…
19
votes
2 answers

ios keyboard covers the input which is located in the bottom of the screen

ios keyboard covers the input which is located at the bottom of the screen. How can this trouble be solved? here is the code.
19
votes
1 answer

Form in card body not visible with NativeBase

I try using below code (a Form inside a Card component) This is Right align text step 1
b24
  • 2,345
  • 6
  • 28
  • 50
18
votes
5 answers

Between NativeBase and Shoutem, which is best to use for React Native?

I find that there are 2 UI components for React Native which are mostly used. I want to use one of them. Which one of them is more easy to use and customizable ?
Kais
  • 1,544
  • 3
  • 18
  • 30
17
votes
4 answers

How to change the text color of text input in react native?

The placeholder of the input is green but I want also make the green text input (when I am typing the text text color shows black which is not visible enough in my UI). How can I make it Green as well?
17
votes
6 answers

Customise tabs of native base

I need to customise tabs (change their background color ) from native base in my react native application, like shown in the image I've already tried this style={{ backgroundColor: '#C0C0C0' }} but i keep getting the default theme.
user3521011
  • 1,321
  • 5
  • 18
  • 31
16
votes
5 answers

NativeBase + Exponent Header

I'm using NativeBase with Exponent. The Header goes beneath the phone's StatusBar. You can see this in the NativeBase demo that Exponent released. Does anyone have a fix for this?
Molly Harper
  • 2,093
  • 3
  • 24
  • 30
15
votes
0 answers

"malformed calls from JS field sizes are different" error on Android - react-native

I'm using React-Native.I'm living trouble with Picker component on Android. I use Picker from Native-Base Library. Here is my Picker code with it's parent view.
Ali Zeynalov
  • 2,146
  • 5
  • 23
  • 41
1
2 3
56 57