A-Fu Design

Facebook Open Source React Native Picker 在iOS和Android上呈現本機選取器組件。例： <Picker selectedValue={this.state.language} style={{ height: 50, width: 100 }} onValueChange={(itemValue, itemIndex) => this.setState({language: itemValue})}> <Picker.Item label="Java" value="java" /> <Picker.Item label="JavaScript" value="js" /> </Picker> Props View props... onValueChange selectedValue style testID enabled mode prompt itemStyle Reference Props onValueChange 選擇項目時的回調。使用以下參數調用此方法： itemValue: 所選項的值prop itemPosition: 此選擇器中所選項的索引 TYPEREQUIRED functionNo selectedValue 其中一個項的值匹配值。可以是字符串或整數。 TYPEREQUIRED anyNo style TYPEREQUIRED pickerStyleTypeNo testID 用於在端到端測試中查找此視圖。 TYPEREQUIRED stringNo enabled 如果設置為false，則將禁用選擇器，即用戶將無法進行選擇。...

Continue Reading

Facebook Open Source React Native NavigatorIOS NavigatorIOS是UINavigationController的包裝器，使您能夠實現導航堆棧。它與使用UINavigationController的本機應用程序完全相同，從UIKit提供相同的動畫和行為。 顧名思義，它僅適用於iOS。查看React Navigation以獲取JavaScript中的跨平台解決方案，或者查看這些組件中的任何一個以獲取本機解決方案：本機導航，react-native-navigation。 要設置導航器，請為initialRoute prop提供路徑對象。路線對像用於描述您的應用導航到的每個場景。 initialRoute表示導航器中的第一條路線。 import PropTypes from 'prop-types'; import React, { Component } from 'react'; import { NavigatorIOS, Text, TouchableHighlight, View } from 'react-native'; export default class NavigatorIOSApp extends Component { render() { return ( <NavigatorIOS initialRoute={{ component: MyScene, title: 'My Initial Scene', }} style={{flex: 1}} /> ); } } class MyScene extends Component {...

Continue Reading