javascript - react-native-router-flux 不路由

Question

我开始了一个新的 react native 项目。创建一个目录，与其他“页面”(如登录等)一样。我在这里精确地完成了所有操作:https://github.com/aksonov/react-native-router-flux/blob/master/docs/MINI_TUTORIAL.md

但我都看到顶部是登录标题。它不起作用，我不知道该怎么办。代码如下:

index.android.js

import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View } from 'react-native';
import { Actions, Scene, Router } from 'react-native-router-flux';

import Login from './components/Login';
import Home from './components/Home';


export default class Yeni extends Component {
  render() {
return (
    <Router>
      <Scene key="root">
        <Scene key="login" component={Login} title="Login" initial={true} />
        <Scene key="home" component={Home} title="Home" />
      </Scene>
    </Router>
)
  }
}



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

组件/Login.js

import React, { Component } from 'react';
import { AppRegistry, Text, View } from 'react-native';

export default class Login extends Component {
  render() {
    return (
      <View>
    <Text>Login page</Text>
  </View>
)
}
}

Answer 1

我认为导航栏可能位于Login View 内容的顶部。

尝试将文本向下移动一点。

export default class Login extends Component {
    render() {
        return (
            <View style={{flex: 1}}>
                <Text style={{marginTop: 70}}>Login page</Text>
            </View>
        )
    }
}