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

Can't select NativeBase Picker manually

So, I create this component PickerUF, for selecting Brazil states. import React, { Component } from "react"; import { StyleSheet, Platform } from "react-native"; import { Picker } from 'native-base' export default class PickerUF extends Component…
lcssanches
  • 995
  • 12
  • 33
0
votes
2 answers

How to assign different style under one heading?

} > {this.renderTabHeader()} renderTabHeader() { return ( this.props.dateArray.map((date) =>…
SuicideSheep
  • 5,260
  • 19
  • 64
  • 117
0
votes
2 answers

Error while importing react-navigation & native-base

I am new to react when I import stacknavigator from react-navigation or listitem from native-base . Created new project on expo. npm install --save react-navigation . npm install . npm startenter code here I continuously get this error,…
0
votes
1 answer

NativeBase tabs unable to customise borderBottomColor

I have few tabs defined as below: }>
SuicideSheep
  • 5,260
  • 19
  • 64
  • 117
0
votes
1 answer

NativeBase button text gone when parent align is set

I have this screen, using NativeBase. It's just a login screen. It's divided in two parts, first one is with Image logo and signup button, and the second is with login fields.
lcssanches
  • 995
  • 12
  • 33
0
votes
0 answers

iPHone X support for native-base theme

Given my code for formatting react-native page component using native-base is follows : .. ... With following : "dependencies": { .. "firebase": "^4.11.0", "immutable": "^3.8.2", .. …
Jeff Bootsholz
  • 2,971
  • 15
  • 70
  • 141
0
votes
1 answer

native base not over riding theme style

I have a componet like: import React, { Component } from 'react' import { StyleSheet } from 'react-native' import { StyleProvider, Container, Content, Footer, FooterTab, Button, Icon } from 'native-base' export default class MainFooter extends…
varad
  • 7,309
  • 20
  • 60
  • 112
0
votes
4 answers

Native Base / React Native form label icon cut off

Iam developing a mobile app using React Native and Native Base with react-native-vector-icons as well. And Iam trying to add some inline label icons to my login-form, but for some reason they keep getting cut off on the right side. I have tried…
Michal
  • 113
  • 1
  • 3
  • 11
0
votes
0 answers

Array of cards within

I would like to know if there was any way I could create an array of Card objects using Nativebase, and call upon these objects to change their properties like array[1].Text = "example", although I don't know how I would change the body of an XML…
Abhi Thosar
  • 57
  • 1
  • 5
0
votes
1 answer

Validate input in child in an array from parent component

I have a component that will render the child components in an array and the child component would have Input component from Native Base. I would like to validate the input components if they are empty or null. But the code below does not work if…
Fire Hand
  • 25,366
  • 22
  • 53
  • 76
0
votes
1 answer

Can't Customize Radio Button

trying to customize radio button. It works for background or buttonsize, but not working for icon size, color and positioning. what could be wrong? here's my code and my result. Radio.js import { Platform } from "react-native"; import variable from…
user2396307
  • 165
  • 2
  • 12
0
votes
3 answers

How to integrate an API in Native Base

I need fetch the data from an API and display in an list.There is no error while i run the code. But the data are also not been displayed. import React, { Component } from 'react'; import {Container, List,Text, StyleProvider} from…
Oviya R
  • 1
  • 2
0
votes
2 answers

Element type is invalid: Expected String

I checked all code but didn't found the mistake which can cause such a strange error. As you see it's exported while it says you likely forget to export. Here is the code with the full list of imports: import "expo"; import React from…
user9054759
0
votes
1 answer

React native item has a limited height?

I have an issue with the react native . Somehow, when it becomes 'too long' it seems to be cut off, which is really weird? This is what is happening currently: As you can see, the blue text under the "wachtwoord" input field half dissapears.…
Raflesia
  • 55
  • 1
  • 9
0
votes
0 answers

Drawer Navigation isn't updating when state is changed

I've been trying to solve this by using forceUpdate(), but I when I tried it nothing really happened. I am still learning react native and I just experimented life cycles of react native. Anything I tried didn't work at all. class DrawerScreen…
Laney Williams
  • 573
  • 3
  • 13
  • 34