React-Native：失敗したプロップタイプ：スタイルは偽であるかもしれませんが、真ではありません

反応中ネイティブでプログラミングしている間にこの奇妙なエラーが発生しました。React-Native：失敗したプロップタイプ：スタイルは偽であるかもしれませんが、真ではありません

それは私にはどんな意味がありません。私は反応ネイティブの「最初のセットアップ」（「ようこそ！へようこそ！」）をコピーし、ログインページの後ろに置きました。私は反応ネイティブルータフラックスを使用して両方をリンクしました。

私は最初の設定から何も変更していないので、別のシーンから呼び出されました。

「最初の設定」のシーンに直接的な変更を加えていないときにエラーがどのように現れるかわかりません。

編集：

シーン2を表示した後にエラーが発生しました。両方のシーンを結ぶ

応援：

import React from 'react'; 
    import { Scene, Router } from 'react-native-router-flux'; 
    import Scene2 from './components/Scene2'; 
    import LoginForm from './components/LoginForm'; 

    const RouterComponent =() => { 
     return (
     <Router sceneStyle={{ paddingTop: 65 }} > 

      <Scene key="auth"> 
      <Scene key="login" component={LoginForm} title="Please Login" /> 
      </Scene> 

      <Scene key="main" style> 
      <Scene 
      key="ingredient" 
      component={Scene2} 
      // hideNavBar={true} 
      /> 
      </Scene> 

     </Router> 
    ); 
    }; 

export default RouterComponent;

シーン1：

LoginScrenn

import React, { Component } from 'react'; 
import { Text } from 'react-native'; 
import { connect } from 'react-redux'; 
import { emailChanged, passwordChanged, loginUser } from '../actions'; 
import { Card, CardSection, Input, Button, Spinner } from './common'; 


class LoginForm extends Component { 
    onEmailChange(text) { 
    this.props.emailChanged(text); 
    } 

    onPasswordChange(text) { 
    this.props.passwordChanged(text); 
    } 

onButtonPress() { 
    const { email, password } = this.props; 

    this.props.loginUser({ email, password }); 
} 
    renderButton() { 
    if (this.props.loading) { 
     return <Spinner size="large" />; 
    } 

    return (
     <Button onPress={this.onButtonPress.bind(this)}> 
     Confirm 
     </Button> 
    ); 
    } 

    render() { 
    return (
    <Card> 
    <CardSection> 
     <Input 
     label="Email:" 
     placeholder="[email protected]" 
     onChangeText={this.onEmailChange.bind(this)} 
     value={this.props.email} 
     /> 
    </CardSection> 

    <CardSection> 
     <Input 
     secureTextEntry 
     label="Passwort:" 
     placeholder="*******" 
     onChangeText={this.onPasswordChange.bind(this)} 
     value={this.props.password} 

     /> 
    </CardSection> 

    <Text style={styles.errorTextStyle}> 
     {this.props.error} 
    </Text> 
    <CardSection> 
     {this.renderButton()} 
    </CardSection> 

     </Card> 
    ); 
    } 
} 

const styles = { 
    errorTextStyle: { 
    fontSize: 20, 
    alignSelf: 'center', 
    color: 'red', 
    } 
}; 

const mapStateToProps = ({ auth }) => { 
    const { email, password, error, loading } = auth; 

    return { email, password, error, loading 
    }; 
}; 

export default connect(mapStateToProps, { 
    emailChanged, passwordChanged, loginUser 
})(LoginForm);

シーン2：私はビュータグに何も変更しなかったが、私は上記のエラーを取得するコードを表示しているシーンに入る。

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

export default class Scene2: extends Component { 
    render() { 
    return (
     <View style={styles.container}> 
     <Text style={styles.welcome}> 
      Welcome to React Native! 
     </Text> 
     <Text style={styles.instructions}> 
      To get started, edit index.ios.js 
     </Text> 
     <Text style={styles.instructions}> 
      Press Cmd+R to reload,{'\n'} 
      Cmd+D or shake for dev menu 
     </Text> 
     </View> 
    ); 
    } 
} 

const styles = StyleSheet.create({ 
    container: { 
    flex: 1, 
    justifyContent: 'center', 
    alignItems: 'center', 
    backgroundColor: '#F5FCFF', 
    }, 
    welcome: { 
    fontSize: 20, 
    textAlign: 'center', 
    margin: 10, 
    }, 
    instructions: { 
    textAlign: 'center', 
    color: '#333333', 
    marginBottom: 5, 
    }, 
});

私はあなたのコードのルータ部分に余分な「スタイル」を持っているかもしれないと思う、事前にマイケル

出典

2017-03-26 Michael Wall

でなければなりません。 falseまたはundefinedのいずれかになります。いくつかのコードを投稿できますか？ –