React Nativeはすべての画面でステータスバーが重複しないようにします

アプリのすべての画面をiOSとAndroidのステータスバーの下に表示したいので、StatusBarコンポーネントまたはpaddingTopをすべての画面に追加する必要があります。React Nativeはすべての画面でステータスバーが重複しないようにします

これをグローバルに行う方法はありますか？ ReduxアプリケーションにStatusBarを追加する適切な最上位コンポーネントはどこですか？（例えば、https://github.com/react-community/react-navigation/tree/master/examples/ReduxExampleのどの部分）？

出典

2017-08-09 Avery235

<NavigationContainer/>コンポーネントを作成して、すべての異なるページを保持できるので、1画面コンポーネントごとにStatusBarとパディングコードを複製する必要はありません。

私はここで例を作成しました：https://snack.expo.io/SyaCeMOwW

、何もあなたのナビゲーション構造やReduxの流れの期間に変更する必要があります。

出典

2017-08-09 04:36:02 dotcomXY

Reduxナビゲーションアプリで、どのコンポーネントをラップする必要がありますか？試したhttps://github.com/react-community/react-navigation/blob/master/examples/ReduxExample/src/navigators/AppNavigator.js#L17とhttps://github.com/react-community/react-navigation /Blob/master/examples/ReduxExample/index.js#L19両方とも動作しませんでした（レンダリングなし） – Avery235

@ Avery235 LoginScree、MainScreen、ProfileScreenをこの場合はラップし、そのページコンポーネントにNavigationContainerをインポートし、それらのページのコンポーネントを内部に配置するために私が提供した例に従ってください。 – dotcomXY

React Navigation（ナビゲーションバーを含む）がコンポーネント（LoginScreenなど）を包み込んでいるために動作しません – Avery235

React Nativeはすべての画面でステータスバーが重複しないようにします

答えて

関連する問題