私props.childrenは、レンダリングされていないが、彼らは

Question

がここに私のメインのアプリケーションクラスである親コンポーネントである：働く

return(
    <Provider store={store}> 
    <View style={ { flex: 1, paddingTop: paddingTop } }> 
     <MainScreenNavigator/> 
    </View> 
    </Provider> 
) 

。しかし、私はこのようなログインでこれをラップしようとした場合：

return(
    <Provider store={store}> 
    <View style={ { flex: 1, paddingTop: paddingTop } }> 
     <Login> 
     <MainScreenNavigator/> 
     </Login> 
    </View> 
    </Provider> 
) 

をログインクラスで次のように：

class Login extends Component { 
    render =() => { 
    return (
     <View> 
     {this.props.children} 
     </View> 
    ); 
    } 
} 

何もレンダリングされません取得します。わかりません。

Answer 1

ViewのLoginには寸法がありません。それにはflex: 1のスタイルを指定し、this.props.childrenが表示されます。