我正在使用原生基础在反应原生中制作应用程序.我对这两件事都不熟悉.当我运行应用程序它给了我这个错误:
这是我的代码:
export default class Point extends Component {
render() {
return (
<Container>
<Header>
<Left>
<Button transparent>
<Icon name='menu' />
</Button>
</Left>
<Body>
<Title>Header</Title>
</Body>
<Right />
</Header>
</Container>
);
}
}
Run Code Online (Sandbox Code Playgroud)
这是我的版本的截图
和nativebase版本是 "native-base": "^2.1.2"
我开始使用 React Native 开发,一开始就遇到了一个问题。当尝试运行我的应用程序时,我收到错误:
不变违规:模块 AppRegistry 不是已注册的可调用模块(调用 runApplication)
未处理的 JS 异常:不变违规:本机模块不能为 null。
未处理的 JS 异常:不变违规:模块 AppRegistry 不是已注册的可调用模块(调用 runApplication)
我的应用程序.js:
import React, { Component } from 'react';
import { SafeAreaView } from 'react-native';
import DefaultRouter from './src/navigation/DefaultRouter'
export default class App extends Component {
render() {
return (
<SafeAreaView>
<DefaultRouter />
</SafeAreaView>
);
}
};
Run Code Online (Sandbox Code Playgroud)
索引.js:
import { AppRegistry } from 'react-native';
import App from './App';
import {name as appName} from './app.json';
AppRegistry.registerComponent(appName, () => App);
Run Code Online (Sandbox Code Playgroud)
默认路由器.js:
import { createSwitchNavigator, createAppContainer …Run Code Online (Sandbox Code Playgroud) 我根本找不到让反应导航工作的方法.我从互联网上复制了工作示例,但它们似乎也没有用.谁能告诉我我做错了什么.
我正在使用节点: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: …Run Code Online (Sandbox Code Playgroud)