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
1 answer

How to fit the full size of an image within a column of grid view in react native?

I'm using native-base ui kit since it is more easy to design components.The problem I'm facing now is I've to display some images within column of a grid view component. What I'm expecting is an output like this https://i.stack.imgur.com/BjlOZ.jpg…
Linu Sherin
  • 1,712
  • 7
  • 38
  • 88
0
votes
1 answer

native base drawer wont open with native-router-flux

i have a problem with native-base and react-native-router-flux. The Drawer wont open when i click on the menu in the top bar (on snack you see just a questionmark instead of the menu icon) and i don't know whats wrong with the code. Could anyone…
Der_D
  • 111
  • 1
  • 9
0
votes
1 answer

FAB from Native base starts active

I know that my question is related to this one - React Native - Native Base FAB (Floating Action Button): Clicking the FAB automatically calls sub-buttons 'onpress' But as far as it doesn't have a right answer I will ask mine. I have copied code…
0
votes
2 answers

How do I hide a Form using Nativebase?

I've got a Form that I'd like to programmatically hide/show, but am not able to figure out how to do so. I'd imagine there's a tag to do it similar to the "disabled" tag, but I just can't seem to find out what it is. Whatever the magic keyword…
Brian Knoblauch
  • 20,639
  • 15
  • 57
  • 92
0
votes
3 answers

Native Base how can I get ListItem index of List dataArray?

I'm wanting to access the index of a thats being generated from with dataArray. For example: {index}
awebdev
  • 997
  • 2
  • 10
  • 27
0
votes
1 answer

How to make react native apps look like other android apps?

I've done a single page app in react native using native base UI kit. The page consists of a grid view with 3 rows and 3 columns. When I take the build in the emulator the grid view fit within the screen width. But after taking build on Moto-G3 and…
Linu Sherin
  • 1,712
  • 7
  • 38
  • 88
0
votes
2 answers

React Native - Cannot read property '_root' of undefined when using NativeBase Drawer

I'm trying to use NativeBase Drawer component but getting this error: Cannot read property '_root' of undefined I followed the instructions from their documentation and my App component is wrapped under NativeBase Root component. App.js: import…
Abdul Rafay
  • 3,241
  • 4
  • 25
  • 50
0
votes
1 answer

How to create tabbed content inside a React Native screen

I am using React-Native, with Expo and React-Navigation. In my App I have a Search Component which renders results, but I want to have two tabs of different result types, which can be clicked. I cannot seem to find a component which does this, a…
dhj
  • 4,780
  • 5
  • 20
  • 41
0
votes
1 answer

App not working after Nativebase installation in React Native

Before Adding the Nativebase App works fine.After adding the its saying the error message.
Maha
  • 9
  • 1
0
votes
1 answer

How to center SearchBar with one button on header NativeBase

Trying to center the searchbar with menu button in right on header using nativebase. Code has been given below:
Wahidul Alam
  • 1,216
  • 4
  • 26
  • 56
0
votes
1 answer

React native expand View full screen above header and footer component

We have a situation where on a screen there are multiple View components are present. And each component has some progress bar related stuff. But when the user taps on any View, we want to expand it to the full screen and we are doing it by applying…
Rahul Chaudhari
  • 2,230
  • 21
  • 29
0
votes
1 answer

Why is it that when I switch between two tabs with lists, I get the error 'undefined is not an object'?

Thank you in advance for your help - I'm very new to app development. My React Native app has a tab navigator with three tabs one for a feed, one for a list of events, and one for a list of users. When I switch from my feed tab - which renders a…
Rayhan Memon
  • 146
  • 4
  • 18
0
votes
2 answers

React-Native: Center two text components in a single View component

I'm trying to center two separate texts in their components, I'm using ‍‍react-native and native-base. I cannot center the text vertically and horizontally within the Text component itself. I have divided into colors to see the problem…
Nobady
  • 1,074
  • 2
  • 11
  • 35
0
votes
2 answers

react native and native base picker component

I want to create picker component for android and as well as for ios, but facing problem in styling. What I want to accomplish is to style picker text which is being displayed by default(it can be placeholder or the selected item from picker…
Jasham
  • 191
  • 1
  • 3
  • 15
0
votes
3 answers

Adding a images behind header react-native

I want to add multiple images behind header with a swiper. I tried implementing this using Native-base and react-native-swiper. However, what was resulted is, as following. Following is my code
Hasangi
  • 280
  • 7
  • 17