Stack Overflow
Stack Overflow

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
16
votes
3 answers

React-Native Button Align Center

I'm using native base button i want to align the button in the center of the screen i tried this:
…
Ahsan Azwar
  • 328
  • 1
  • 5
  • 12
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,363
  • 3
  • 26
  • 35
13
votes
1 answer

Floating AutoComplete in React Native

I am looking for an autocomplete-text-input with the floating suggestion box. Please suggest me any package name that can help to make the same component. I tried to many packages but nothing helps, some are pushing the next fields, others do not…
Infopedia
  • 376
  • 2
  • 14
12
votes
2 answers

In React 18 SSRProvider is not necessary and is a noop. You can remove it from your app, how to resolve this warning?

Hello people im getting this error in react native In React 18, SSRProvider is not necessary and is a noop. You can remove it from your app I have tried this @react-aria/ssr and used instead of , but not resolved the warning. any suggestions would…
avinash akula
  • 121
  • 1
  • 3
11
votes
7 answers

Header Title not centered in React Native using native-base

I'm using native-base to create a React Native app: I'm using the Header Component to display Body, Left and Right elements. According to the docs, the title should automatically center but it does not (as seen below). Am I missing something simple…
Chris_S
  • 145
  • 1
  • 1
  • 7
11
votes
4 answers

React Native - NativeBase components not taking up full width on iOS

In the iOS version of my react native app built with NativeBase, everything is too skinny, unless a specific width is given. See images below. I have given the header and footer a width of 100% so it is fine, but I haven't done that for the inputs…
user2602079
  • 1,283
  • 5
  • 20
  • 39
10
votes
2 answers

Warning: forwardRef render functions accept exactly two parameters: props and ref. Did you forget to use the ref parameter?native base

I have this warning when starting a new expo native base js project native base 3.2.0 expo 4.12.0 every package is good no problem when running the project has this error:- at node_modules/react/cjs/react.development.js:315:4 in printWarning at…
Ahmed__Anter
  • 101
  • 1
  • 1
  • 5
10
votes
3 answers

Show local images in React-Native NativeBase

It works if I show the image like this: But fails on : person.id comes from an array of people. Printing it in…
Somename
  • 3,376
  • 16
  • 42
  • 84
9
votes
1 answer

How to "Scroll To Top" in Native Base Component?

I'm using Expo and implement Native Base on it, I'm trying to do "Scroll to Top" whenever "MainTabNavigator" Icon Should the handle implemented in or in the (in MainTabNavigator)?
Hanny Setiawan
  • 501
  • 4
  • 14
9
votes
2 answers

How to submit a form in React Native

I feel crazy asking this question here, but I can't find any good tutorials for how to submit a form and capture the data for RN. Everything I do find is someone pushing a library "just npm install react-native-form-genie-magic-box and call it in…
tomtom
  • 1,130
  • 2
  • 11
  • 35
9
votes
3 answers

Right to left for specific text in react-native RTL

I am developing app in arabic in react native , i have used the tabs and menu from native base. i have aligned right because there is only single word . but now i have to write sentence which is right to left aligned. Is there way to set RTL format…
Asad
  • 3,070
  • 7
  • 23
  • 61
9
votes
2 answers

react-native: NativeBase how to center a control

I have just discovered NativeBase for react-native and I really love it. I am following the tutorial from their website. I understand that NativeBase uses Easy-Grid for the layout. I would like to vertically center a button on my page. This is a…
TheSoul
  • 4,906
  • 13
  • 44
  • 74
8
votes
6 answers

React native statusbar not working with react-navigation in android

Versions: "native-base": "^2.4.2", "react": "16.3.1", "react-native": "0.55.2", "react-native-global-font": "^1.0.1", "react-native-router-flux": "^4.0.0-beta.28", "react-navigation": "^1.5.11" When i add react-navigation i…
Sagar Chavada
  • 5,169
  • 7
  • 40
  • 67
8
votes
4 answers

Cannot add a child that doesn't have a YogaNode to a parent without a measure function! (Trying to add a 'ReactRawTextShadowNode' to a 'LayoutShadow

According on this tutorial, this is my component which I use for a react base component as a side bar component, and its working very well, but the problem starts when I change list items from to
Iman Salehi
  • 908
  • 2
  • 14
  • 34
7
votes
1 answer

Can I use react native elements UI with native base?

I have a project mostly written Native Base components. But in some cases I want to use React Native Elements. I just want to know is it possible to use them seperately. For some components I will just use React Native Elements like Avatar…
Adem Özsayın
  • 245
  • 2
  • 14
1
2
3
…
66 67