0

新しい反応ネイティブ プロジェクトを開始しました。ログインなどの他の「ページ」としてディレクトリを作成しました。そして、私はここですべてを実行しました: 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>
)
}
}
4

2 に答える 2

1

navBar がLoginビューのコンテンツの上にあると思います。

Text少し下に移動してみてください。

export default class Login extends Component {
    render() {
        return (
            <View style={{flex: 1}}>
                <Text style={{marginTop: 70}}>Login page</Text>
            </View>
        )
    }
}
于 2016-08-19T18:22:15.133 に答える