无法运行React Navigation演示

时间:2017-09-19 14:50:38

标签: react-native

我是新来的本地人。请帮忙。

以下代码来自https://reactnavigation.org/docs/intro/

import React from 'react';
import {
  AppRegistry,
  Text,
} from 'react-native';
import { StackNavigator } from 'react-navigation';

class HomeScreen extends React.Component {
  static navigationOptions = {
    title: 'Welcome',
  };
  render() {
    return <Text>Hello, Navigation!</Text>;
  }
}

export default const SimpleApp = StackNavigator({
  Home: { screen: HomeScreen },
});

// if you are using create-react-native-app you don't need this line
AppRegistry.registerComponent('SimpleApp', () => SimpleApp);

并显示

C:/Users/user/Desktop/AwesomeProject/App.js: Unexpected token (42:15) at C:\Users\user\Desktop\AwesomeProject\App.js:42:15

1 个答案:

答案 0 :(得分:0)

您应该删除export default

import React from 'react';
import {
 AppRegistry,
 Text,
} from 'react-native';
import { StackNavigator } from 'react-navigation';

class HomeScreen extends React.Component {
 static navigationOptions = {
   title: 'Welcome',
 };
 render() {
  return <Text>Hello, Navigation!</Text>;
 }
}

const SimpleApp = StackNavigator({ // remove export default
  Home: { screen: HomeScreen },
});

// if you are using create-react-native-app you don't need this line

AppRegistry.registerComponent('SimpleApp', () => SimpleApp);