native-base

Implementing Footer Tabs in Native React using Native Base

删除回忆录丶 提交于 2019-12-12 04:25:39
问题 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 ( <Container> <Header backgroundColor="#ECEFF1"> <Button transparent> <Icon name='ios-menu' style={{color: 'black'}}/> </Button> <Title style={{color:'black'}}>Header</Title> </Header> <Content> <Profile/> </Content> <Footer backgroundColor="#212121"> <FooterTab> <Button backgroundColor="

NativeBase: Generate Columns in Row

◇◆丶佛笑我妖孽 提交于 2019-12-11 14:17:21
问题 I want to map a number of items in an array to a grid of 3 columns for each row. Right now I have the entire grid hardcoded, but it should be trivial to do this automatically. This is what the end result should look like: <Grid> <Col> <Row>Cel 1</Row> <Row>Cel 2</Row> <Row>Cel 3</Row> </Col> <Col> <Row>Cel 4</Row> <Row>Cel 5</Row> <Row>Cel 6</Row> </Col> <Col> <Row>Cel 4</Row> <Row>Cel 5</Row> <Row>Cel 6</Row> </Col> <Col> <Row>Cel 4</Row> <Row>Cel 5</Row> <Row>Cel 6</Row> </Col> <Col> <Row

React Native - Native Base FAB (Floating Action Button): Clicking the FAB automatically calls sub-buttons 'onpress'

强颜欢笑 提交于 2019-12-11 05:47:45
问题 I am currently trying to implement the floating action button (FAB) from the native-base framework. I simply copied the code, and added a single onPress method to one of the sub-buttoms (Facebook-Logo in this case). However, this onPress is triggered when I click the FAB button, instead of the facebook-button which should appear AFTER clicking the FAB button. In short: desired behvaior: 1. click FAB button 2. due to number 1, let facebook button appear 3. click facebook button to trigger

Nativebase - how to show datepicker when clicking input?

女生的网名这么多〃 提交于 2019-12-11 04:27:49
问题 I am using NativeBase components. I have Form with the following field: <Item floatingLabel last> <Label>Buy dateі</Label> <DatePicker defaultDate={buyTime} locale={"en"} modalTransparent={false} animationType={"fade"} androidMode={"default"} placeHolderText="Change buy date" textStyle={{ color: "green" }} placeHolderTextStyle={{ color: "#d3d3d3" }} onDateChange={this.handleBuyTimeChange} disabled={false} ref={component => (this.buyTimePicker = component)} /> <Input value={buyTime.toString()

Expo for Web failed to compile because of native base module

China☆狼群 提交于 2019-12-11 03:04:26
问题 I'm trying to get the "expo for web" part working for my managed expo project. I upgraded my managed expo project to expo sdk 33 so that I could also deploy my app on the web platform and ideally have it hosted from firebase. I followed official instructions from expo: Upgrading Expo SDK Walkthrough Expo CLI and SDK web support beta Using Expo for web in a expo init project on how to upgrade to SDK 33 and how to configure and enable the web platform. Expo-cli version is : '2.19.5' I'm using

Duplicate module name: react-native-vector-icons

邮差的信 提交于 2019-12-09 17:25:47
问题 When I install NativeBase and React-Native-Router-Flux in my react-native project I get this error: Failed to build DependencyGraph: @providesModule naming collision: Duplicate module name: react-native-vector-icons Paths: /Users/vittori/Desktop/repos/GitHubExamples/native-starter-kit/node_modules/react-native/local-cli/core/__fixtures__/files/package.json collides with /Users/vittori/Desktop/repos/GitHubExamples/native-starter-kit/node_modules/react-native-router-flux/node_modules/react

Conditional Rendering on Items of Native Base Picker [React Native]

心不动则不痛 提交于 2019-12-08 05:22:34
问题 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} >

Can a React Native or NativeBase Picker have Items which include images?

房东的猫 提交于 2019-12-07 17:34:18
问题 I'm new to smartphone programming and have joined a project using React Native and NativeBase. I'd like to include an image/icon in each Item in a Picker, which doesn't seem like an exotic concept, but it doesn't seem to be supported and I can't find anyone discussing doing it on SO or by Googling. I've tried a couple ways of adding things inside the <Picker.Item> and </Picker.Item> but anything put there seems to simply be ignored. Is it possible or is there a different approach to do what I

How to submit a form in React Native

拥有回忆 提交于 2019-12-07 04:26:41
问题 I feel crazy asking this question here, but I can't find any good tutorials for how to submit a form and capture the data for RN. Everything I do find is someone pushing a library "just npm install react-native-form-genie-magic-box and call it in your project "... but I just want to know - How to submit a form in vanilla React Native . Sample code: AuthContainer class AuthContainer extends Component { render() { const { errorMessage, handleLogin } = this.props return ( <Login errorMessage=

Right to left for specific text in react-native RTL

泄露秘密 提交于 2019-12-07 02:02:29
问题 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 . 回答1: The React Native version is 0.57 now, And there is no react native