Ani*_*ita 0 tabs reactjs react-native react-navigation
我根本找不到让反应导航工作的方法.我从互联网上复制了工作示例,但它们似乎也没有用.谁能告诉我我做错了什么.
我正在使用节点:8.9.4 react:16.3.0-alpha.1 react-native:0.54.0 react-navigation:^ 1.4.0
//index.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View
} from 'react-native';
import {
TabNavigator,
StackNavigator
} from 'react-navigation';
import Home from './first';
import Homes from './second';
export default class demoApp extends Component {
render() {
return (
<SimpleNavigation/>
);
}
}
export const SimpleNavigation = StackNavigator({
Home: {
screen: Home,
header: { visible: false },
navigationOptions: {
title: 'Home',
header: null
},
},
Homes: {
screen: Homes,
navigationOptions: {
title: 'second'
},
},
},{});
Run Code Online (Sandbox Code Playgroud)
这是第一个标签
//first.js
import React, { Component } from 'react';
import {
AppRegistry,
StyleSheet,
Text,
View,
Image,
TextInput,
Button,
TouchableHighlight
} from 'react-native';
export default class Home extends Component {
constructor(props){
super(props);
this.state = {zipCode: ''}
}
navigate = (zipCode) => {
this.props.navigation.navigate('Search', zipCode);
}
render() {
return (
<View>
<View>
<Text>An application to do things</Text>
<TextInput
placeholder='Enter a Zip Code'
onChangeText={(zipCode) => this.setState({zipCode})}
>
</TextInput>
</View>
<View>
<TouchableHighlight onPress={() => this.navigate(this.state.zipCode)}>
<Text>
Search
</Text>
</TouchableHighlight>
</View>
</View>
);
}
}
Run Code Online (Sandbox Code Playgroud)
我似乎无法让它运行.我也尝试过其他许多教程.但它们都没有奏效.我究竟做错了什么?
我今天也一直收到这个错误,这非常烦人.能够通过删除带有"Metro"捆绑器东西的终端窗口,然后重新编译应用程序来摆脱它.
看起来它不是代码,而是运行时环境(它似乎一次只能运行一个应用程序示例).你可以通过做一个应该工作的超级简单应用来仔细检查这个.
| 归档时间: |
|
| 查看次数: |
7240 次 |
| 最近记录: |