native-base

I’m using ‘Native Base’ components for our product and going good with this, but I’m stuck at one point and it is around putting Items in Nativebase Picker. My code is like this Render Method code - render(){ return ( <View style={{marginTop: 20, flexDirection:'row', flexWrap:'wrap', justifyContent:'space-around', alignItems:'center'}}> <View style={{flex:1, justifyContent:'center', alignItems:'flex-end' }}> <Button style={{ backgroundColor: '#6FAF98', }} onPress={this._showDateTimePicker} > <Text>Select Date</Text> </Button> </View> <View style={{flex:1, justifyContent:'center', alignItems:

---------index.js-------- import { AppRegistry } from 'react-native'; import Navigate from './Navigate'; AppRegistry.registerComponent('form1', () => Navigate); ----Navigate.js----- import React from 'react'; import { StackNavigator, DrawerNavigator } from 'react-navigation'; import TabsList from './TabsList'; export const StackTab1 = StackNavigator({ TabList: { screen: TabsList}, }); export const Navigate = DrawerNavigator( { Tab1: { screen : StackTab1 }, Tab2: { screen : StackTab1 }, Tab3: { screen : StackTab1 } }); Whenever I try to run my android simulator, I'm getting that error. All

I am developing app in arabic in react native , i have used the tabs and menu from native base. i have aligned right because there is only single word . but now i have to write sentence which is right to left aligned. Is there way to set RTL format for specific text because when i set the I18nManager.forceRTL(true); it changed it for whole app and my previous work is all ruined and tabs not work correctly . please help . The React Native version is 0.57 now, And there is no react native configuration for RTL support yet. But there is a native solution for it. for IOS and Android use below

I followed the setup instructions in the NativeBase Docs and ran rnpm link . I am getting this error: Unrecognized font family ionicons also checked by Xcode, the fonts are already in the build phase. What am I missing? Expanding on the exisiting answer and using the solution found on this github issue , do the following; Close the running packager Run react-native link react-native-vector-icons Then run react-native start --reset-cache Finally run react-native run-ios to restart the simulator For RN 0.60+ don't use react-native link ... ! (see Autolinking ) Instead add this in your Podfile :

MainComponent: <Tabs initialPage={this.props.day} tabBarUnderlineStyle={{ backgroundColor: '#5AF158' }} renderTabBar={() => <ScrollableTab />}> {this.renderTabHeader()} </Tabs> renderTabHeader() { return ( this.props.dateArray.map((date, i) => <Tab key={i} heading={date.format('DD/MM')} tabStyle={styles.tabStyling} activeTabStyle={styles.activeTabStyle} textStyle={styles.tabTextStyle} activeTextStyle={styles.activeTabTextStyle} > <View style={{ backgroundColor: '#EEEEEE', flex: 1 }}> <Content contentDate={date.format('YYYY-MM-DD')} /> </View> </Tab> ) ); } Content Component: class Content

I'm fairly new to React and React Native and I'm having a play with React NativeBase. I've managed to get the following working within a single file, but now I'm simply trying to split up my code into multiple components in separate files. The problem is, my imported component does not show. I've struggled with this for a while now and I can't see what I'm doing wrong... probably something really stupid. Here is my code: code/index.ios.js import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native'; import { Container, Title, Header, } from

I'm using React Native with the Native Base library. I need an onPress event to fire on Native Base' ListItem (equivalent to TouchableOpacity) when the keyboard is open. I now have to click once to close the keyboard and then I can press the ListItem. Content tag below is equivalent to ScrollableView: <Content keyboardShouldPersistTaps='always' keyboardDismissMode='on-drag'> <List> <ListItem style={styles.inspectionsItemDivider} itemDivider> <TextInput autoFocus={true} ref={(input) => { this.titleSearch = input }} placeholder='Start typing...' multiline={true} onChangeText={this.setSearchText

I am using native base for making app in react-native. I am new to both things. When I run the app It gives me this error: Here is my code: export default class Point extends Component { render() { return ( <Container> <Header> <Left> <Button transparent> <Icon name='menu' /> </Button> </Left> <Body> <Title>Header</Title> </Body> <Right /> </Header> </Container> ); } } Here is the screenshot of my versions and nativebase version is "native-base": "^2.1.2" Just kill all node process and start npm server and run application: Step1: run command killall -9 node For windows users, run: taskkill /im