Tag: react jsx

如何将ref传递给NavigationBar routeMapper(React Native)的variables?

以下是更新后的代码 – 我试图从https://github.com/root-two/react-native-drawer实现react-native-drawer,并且我传递给NavigationBarRouteMapper的variables正确地logging了openDrawer()函数。当左侧导航button被点击时,它什么都不做: class practice extends Component { … openDrawer(){ this._drawer.open() } render() { return ( <Drawer content={<DrawerPanel/>} openDrawerOffset={100} ref={(ref) => this._drawer = ref} type='static' tweenHandler={Drawer.tweenPresets.parallax} > <Navigator configureScene={this.configureScene} initialRoute={{name: 'Start', component: Start}} renderScene={this.renderScene} style={styles.container} navigationBar={ <Navigator.NavigationBar style={styles.navBar} routeMapper={NavigationBarRouteMapper(this.openDrawer)} /> } /> </Drawer> ); } } var NavigationBarRouteMapper = openDrawer => ({ LeftButton(route, navigator, index, […]

如何在不使用Xcode的React Native中添加自定义字体?

有没有办法在Atom编辑器的React Native中添加自定义字体,而不是使用Xcode?

如何将导航器引用传递给React Native <Drawer />?

在我的index.ios.js中使用react-native-drawer( https://github.com/root-two/react-native-drawer ),我有以下的设置,并试图将“navigator”引用传递给内容的< Drawer />的DrawerPanel />。 我在<DrawerPanel /> console.log(this.props.navigator),但是当我尝试类似于this.props.navigator.replace()在<DrawerPanel />中传入一个错误的导航器引用时, 我如何传递正确的导航器构造函数,如传递给renderScene和configureScene? : class practice extends Component { … renderScene(route, navigator){ … } configureScene(route, routeStack){ … } render() { return ( <Drawer content={<DrawerPanel navigator={navigator}/>} … > <Navigator configureScene={this.configureScene} initialRoute={{name: 'Login', component: Login}} renderScene={this.renderScene} style={styles.container} navigationBar={ <Navigator.NavigationBar style={styles.navBar} routeMapper={NavigationBarRouteMapper(this.openDrawer)} /> } /> </Drawer> ); } } 先谢谢你! […]