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
0 answers

Native Base toolbar not working

Im attempting to follow the Native Base tutorial found in the docs. https://nativebase.io/docs/v0.1.0/components As soon as I try to add the toolbar I get the below error. The toolbar component does not seem to be in the package. Does anyone know…
Aaron
  • 2,364
  • 2
  • 31
  • 56
0
votes
1 answer

Does Native Base work with latest List Components from React Native?

Facebook has recently released some very cool list components. "No more ListViews or DataSources, stale rows, ignored bugs, or excessive memory consumption - with the latest React Native March 2017 release candidate (0.43-rc.1) you can pick from the…
gitsensible
  • 551
  • 1
  • 8
  • 19
0
votes
0 answers

Inputs aren't working on iOs emulator

I've executed the NativeBase-KitchenSink demo on iOs emulator, but all the input fields aren't working neither the keyboard. Look the follow screens: Is there needed adding custom style? And do I have to implement keyboard rules? My…
Gustavo Fe
  • 64
  • 6
0
votes
1 answer

tab bar and side menu in react-native

I have used NativeBase tabs for navigation in my application. I have side menu also. items in side menu and tabs are same . my tabs navigation working correctly . I want to navigate through side menu also . how can i do this . here is screen shot.…
Asad
  • 3,070
  • 7
  • 23
  • 61
0
votes
1 answer

Multiple Arrays in Dynamic List

I am using NativeBase for my code. Hello, I'm wondering if there is a way to iterate through more than one array when creating a dynamic list? e.g.
rsokz
  • 156
  • 1
  • 9
0
votes
2 answers

navigation after AsyncStorage.setItem: _this3.navigateTo is not a function

Currently, I am implementing a chat. After user pressed a chat button, the app will navigate the user to the Chat component. The chat content will simply store in firebase and chatId is needed to identify which chat belongs to the user. Since I…
ykn121
  • 835
  • 1
  • 9
  • 28
0
votes
1 answer

React Native : Native base contentContainerStyle attribute in content component doesn't work while screen rotation

I'm using : 1. In portrait view UI looks ok. 2. But in landscape view I can't scroll UI.
Saravana Kumar
  • 3,230
  • 7
  • 26
  • 44
0
votes
1 answer

Drawer is not triggered when swiping to the right

I'm using react native-base and I'm trying to swipe my screen to the right to show the drawer. I'm expecting to see this while swiping: Below is my code, import React, { Component } from 'react' import { Drawer, View } from 'native-base' import {…
vvavepacket
  • 1,882
  • 4
  • 25
  • 38
0
votes
1 answer

Pass property to component

I have simple footerTab where I would like to show badge if there is notifications.
CodAri
  • 333
  • 1
  • 3
  • 16
0
votes
0 answers

How add custom icons from my pc to my ReactNative app (NativeBase TabBar Icon)

* was imported from NativeBase Components *I am using a "TabBar" that contains a item *The platform is Android I designed many icons for my app, and i used several with the tag however i need add a custom icon in the tag but i can't. This the…
Cristian Mora
  • 1,813
  • 2
  • 19
  • 27
0
votes
1 answer

React-Native -- Navigator not rendering initialRoute

In the process of teaching myself React-Native. Building a mock-up of a retail iOS site which draws its data from Firebase and have hit a snag trying to incorporate Navigator. My app flows from 'index.ios.js > MainLayout > Routing > HomeIndex'. Here…
mcw
  • 19
  • 2
  • 7
0
votes
2 answers

React-Native Undefined is not an object (evaluating 'this.refs.['DRAWER'])

How do I resolve this error? I've tried but still error .. DrawerLayoutAndroid and this is my code root.js :
0
votes
1 answer

native base customize components

I am following this link to customize my react-native components Theming NativeBase Apps but I am unable to find light.js and proceed further
Apps-23
  • 1
  • 3
0
votes
2 answers

React Native with Native Base tabs not rendering

I am using the native base extension for my react native app. I am running the code on my iOS simulator. I have been following this: http://nativebase.io/docs/v2.0.0/components#tabs My code is as follows: import React, { Component } from…
blaziken105
  • 501
  • 3
  • 10
  • 25
0
votes
3 answers

Implementing Footer Tabs in Native React using Native Base

I am creating a native react application using native base for the UI (http://nativebase.io/docs/v2.0.0/components#footerTab). I am using the footerTabs component and my code is as follows render() { return (
blaziken105
  • 501
  • 3
  • 10
  • 25