Question

我正在尝试使用react navigator with react native但我只得到一个空白屏幕，没有错误。这有什么不对？

Worksheets(Worksheets.Count).name = Left(companyName, 31)

Answer 1

尝试在主屏幕上添加高度。

做类似的事情：

return (
  <View style={{ flex: 1 }}>
    <Button
      title="Success"
    />
  </View>
);

Answer 2

好像我忘了注册主应用程序组件。我添加了AppRegistry.registerComponent('MyApp', () => AppNavigator);，但它确实有效。

Answer 3

使用

import React, { Component } from 'react';
import { StackNavigator } from 'react-navigation';

class MainScreen extends Component {
  render() {
    return (
      <AppNavigator/> //this is for starting routing
    );
  }
}

const AppNavigator = StackNavigator(
  {
    Index: {
      screen: MainScreen
    }
  },
  {
    initialRouteName: 'Index',
    headerMode: 'none'
  }
);

export default MainScreen;

你可以将它用于目的地Documentation

 static navigationOptions = {
    title: 'Home',
  }

反应导航器黑屏

3 个答案: