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

Dynamic list inside dynamic list

I'm using NativeBase and i have a dynamic accordion, i want to put inside the content in the dataArray a dynamic list from the NativeBase components, is that possible? here is the code: import React, { Component } from "react"; import { Container,…
Judy M.
  • 243
  • 1
  • 4
  • 12
0
votes
3 answers

NativeBase accordion's "renderHeader " Property showing undefined value for the parameter "expanded"

I am using the native-base accordion in one of my react-native projects. I need to customize its header and for that, I have gone through its documentation. The method which is mentioned in the doc is not properly working. The expanded parameter of…
Guru
  • 621
  • 1
  • 6
  • 15
0
votes
1 answer

create multiple picker(dropdown) in flat list and handle selected state react native

I want to create form in flat list containing picker(Dropdown) for title. suppose there are 3 people the list-view will create form containers and each will have basic info like name, last name and title with picker. I able to create form using flat…
user10384418
  • 89
  • 1
  • 10
0
votes
0 answers

REACT NATIVE [ TypeError: undefined is not an object (evaluating 'item.type.displayName')]

I was trying to create a login page using react native and native-base. I did follow the instructions from the docs but I still got an error in my coding, Would you guys help me to find where I made wrong at? Thx Here is my code: import React, {…
0
votes
1 answer

Tipsi-Stripe - How to Change Theme

I am using Tipsi-Stripe and NativeBase in my react-native, app, but I have not changed any theme variables (to my knowledge), but the components displayed from tipsi stripe seem be in some sort of "dark/night" theme. Does anybody know where I…
S.B.
  • 437
  • 2
  • 6
  • 19
0
votes
4 answers

React Native - How to use a ref to set focus to an input when clicking on text

Here's what I'm doing: export default class myComponent extends Component { render() { return ( {this.input.focus()}}>Click Me {…
jharrell
  • 53
  • 1
  • 1
  • 6
0
votes
1 answer

native-base dynamically set button property?

I'm looking for a way to dynamically add bordered property to the button element, how can I do that? So I need to switch from to…
haosmark
  • 1,097
  • 2
  • 13
  • 27
0
votes
1 answer

react-native native-base view justifyContent doesn't work in

I want the buttons to be at the center of screen. I know the View is not stretched, but how to solve? render() { return (
石晨希
  • 11
  • 3
0
votes
3 answers

Cannot Center Buttons horizontally with NativeBase

Posted also in https://github.com/GeekyAnts/NativeBase/issues/1394 Trying to center buttons horizontally with Native Base. Any idea why the following do not work?
Yossi
  • 5,577
  • 7
  • 41
  • 76
0
votes
2 answers

native-base thumbnail not accepting the image source

I am using native-base to show the the Thumbnail source, I am getting error Error: The component cannot contain children. If you want to render content on the top of the image, consider using the component or absolute…
nas
  • 2,289
  • 5
  • 32
  • 67
0
votes
1 answer

ScrollView only scrolls when placing finger inside of an input

I'm having a weird behavior here and I can't figure out what's going on. I have a ScrolView with a form and some inputs and labels inside and it seems to only want to scroll when you place your finger (or cursor in the demo) over an input or a…
Jordan
  • 2,393
  • 4
  • 30
  • 60
0
votes
0 answers

React-Native Big Problems with Confirming Password

i got a Questions because I am new in React native! I was trying to find an Answer that fits with my Code. But nothing is working well! Im overloaded. Maybe some of u guys can help me with my problem! So i need a "simple" confirming password message…
0
votes
1 answer

How to render data to make Section List in React Native

iam new to react native with native base and i need to render data with Native Base list divider but i think iam doing it wrong. here is my code const routes = [ { title: "Menu", content: ["Recent Article", "Categories"] }, { title: "Social…
0
votes
2 answers

Unable to setup native base in my react-native app

I'm trying to setup native-base in react native app. I have followed all the steps and trying to run App on ios simulator. But I'm getting the error like below. Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier…
Damodar
  • 707
  • 2
  • 10
  • 23
0
votes
1 answer

Change the position of a Component on keyboard did show - KeyboardAvoidingView not working - [React Native]

I have my code setup as such: export default class HomeScreen extends Component { constructor() { super(); } componentDidMount () { this.keyboardDidShowListener = Keyboard.addListener('keyboardDidShow', this._keyboardDidShow); …
TheFlyBiker 420
  • 69
  • 1
  • 13