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

React Native Picker Item Issue

I'm having serious issues with the RN Picker Item, whenever I try to load the picker Items I get the following error. undefined is not an object (evaluating 'this.inputProps.value') Here us the screenshot. This is my code - Component -…
Daniel Barde
  • 2,603
  • 5
  • 31
  • 40
0
votes
1 answer

how to make translucent buttons over a image in react-native using native-base?

I was trying to make buttons as shown in the screenshot.but can't figure out how can i make them look translucent. import React, { Component } from 'react'; import {Image} from 'react-native'; import {Button, Content} from 'native-base'; export…
Manuj Vashist
  • 23
  • 1
  • 5
0
votes
1 answer

Vertically aligning Content component with ability to scroll

I am trying to vertically align Content component from NativeBase with ability to scroll if content inside is too big for the screen size. This means that in large devices content is vertically aligned to center while in small devices is scrollable…
matejs
  • 163
  • 3
  • 17
0
votes
2 answers

Can't custom Tab bar native-base

I'm trying to custom the colors of my tab bar, but the colors aren't changing, I still have the default blue on my tab bar. I'm using the 2.1.5 version of native-base. I followed the examples on the V.2.0 documentation of native-base, used…
Coffeemaster
  • 13
  • 1
  • 7
0
votes
0 answers

React Native: fixed height Lists in NativeBase

I'm using NativeBase's List component to dynamically render data. This is my JSX structure: //some components here //some components here //whole…
furball514
  • 273
  • 2
  • 4
  • 15
0
votes
2 answers

Nativebase Only one default export allowed per module

I have a react js app and i need to make 2 exports. The first is export default reduxForm({ form: 'simple' // a unique identifier for this form })(SimpleForm) to handle form submission and the next is to bind some ui actions export default…
user3286430
0
votes
1 answer

scrollabe tab view in react-native native base

I have used scrollable tab view from native base here is link link for my react native application . its performance is very slow when I press some tab from tab menu it go to that screen slowly. what I can do for better performance for quick screen…
Asad
  • 3,070
  • 7
  • 23
  • 61
0
votes
2 answers

How to render contents in all components using react native?

I want to add header and footer in all pages like below. Example : Then how render header and footer in other components ? That means write code once then how render it in various pages?
Saravana Kumar
  • 3,230
  • 7
  • 26
  • 44
0
votes
1 answer

ListItem onPress not finding key

I'm using React Native with react-native-router-flux and native-base. I have created a SideMenu with native -base and navigate with react-native-router-flux. The problem is that when i click to ListItem it does not navigate to the screen i want.…
0
votes
1 answer

Save / keep the state of the CheckBox in react native application (checked or unchecked ) / Invalid prop supplied to checkbox

i just implemented the checkbox component from native base in my react native app. Every time i check/uncheck the checkbox, some variable change its status (true or false) and then stored. Based on that value stored in the asyncStorage,i can do some…
user3521011
  • 1,481
  • 5
  • 20
  • 35
0
votes
2 answers

Content does not show for in nativebase

I'm using "native-base": "^2.1.3" and "react-native": "0.44.0" and the content for my tabs does not show and I'm not sure how to fix this. import HomeTab from '../components/homeTab'; render() { return ( {…
ckim16
  • 1,569
  • 3
  • 19
  • 30
0
votes
1 answer

A view with a Button child, if I set view's height to 0, the button does not disappear,why?

Here is the code, it is very simple: render() { return (
Yao Hui Ji
  • 23
  • 4
0
votes
1 answer

Add Separator to Text native-base

I see that there is a Seperator for the List view in native-base like so import React, { Component } from 'react'; import { Container, Content, ListItem, Text, Separator } from 'native-base'; export default class SeperatorExample extends Component…
Ali
  • 633
  • 1
  • 9
  • 20
0
votes
1 answer

react native populate value in input field

I am new to react native. For a native base text component Input OrderViewStore.phone=text}…
Daniel
  • 53
  • 1
  • 11
0
votes
1 answer

Styling Buttons when press from native base in react native application

i just used some buttons from native base in my react native application and i need to modify their style. In fact a button have a different style than a clicked button. I have two buttons: the first one renders the default page and have a first…
user3521011
  • 1,481
  • 5
  • 20
  • 35