Nativeでアプリを開発しているニーザです。NativeのSafeAreaViewのちょっとした技を紹介したいと思います。iPhoneアプリを開発する上で、このように上の部分だけに色をつけてheaderとして、それ以外は違う色にしたい時がきっとありますよね?通常何もせずにコンテンツをSafeAreaViewでラップするとこの様になってしまうと思います。},});この下の部分だけを白くするには2つ方法があります。absoluteを指定して隠す。Viewを一つ、SafeAreaviewコンポーネントの子要素として作る。次のスタイルを指定する。-10,}backgroundColorはcotainerと同じ色を指定しましょう!これで完成です👏これから追加したいコンポーネントと干渉を避けるために、z-indexに100を指定していますが、特には必要なくても隠せます。簡単に実装できますが、追加したいコンポーネントと干渉するかもしれないところが少し傷ですね。やり方2SafeAreaViewを2つ作る。ステップ1.外側をwrapするViewコンポーネントを用意する。</SafeAreaView></View>ステップ2.SafeAreaViewをもう一つ作る。</SafeAreaView></View>ステップ3.Styleをそれぞれに当てる。'#fff'},表示したいコンポーネントをラップしているSafeAreaViewのスタイルに、cotainerと同じ色を指定しましょう!これで完成です👏このやり方は1番外側を更にラップしたり、SafeAreaを作ったりと手順が多く大変です。終わりにSafeAreaViewの色を上と下で違う色にする2つの方法を紹介しました。どちらのやり方もメリットもデメリットもあるので甲乙つけがたいですね。upLoginユーザーは見つかりませんでした。