解決済み: ネイティブ位置の絶対中心に反応する

反応ネイティブ位置の絶対中心に関連する主な問題は、React Native アプリケーションの絶対中心を決定するのが難しい場合があることです。 計算を実行したり、レイアウトを描画したりするためにこの情報を使用する必要がある場合、これは問題になる可能性があります。

import React, { Component } from 'react'; import { View, Text } from 'react-native'; class App extends Component { render() { return ( <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}> <Text>Hello World!</Text> </View> ); } } export default App;

このコードは、React および React Native ライブラリをインポートします。 App クラスは Component クラスを継承し、render メソッドは「Hello World!」を含むビューを返します。 メッセージ。 App クラスはエクスポートされるため、他のファイルで使用できます。

絶対配置ビューを左右中央に揃える

特定のユースケースに依存するため、この質問に対する具体的な答えはありません。 一般に、絶対配置ビューを左または右中央に揃えるには、alignToCenter プロパティを使用します。

フレックスボックス

React Native では、Flexbox は柔軟で適応性のあるユーザー インターフェイスを作成できるレイアウト コンテナーです。 CSS フレックスボックスと同じ原理で動作しますが、React Native での使用に最適化されています。

React Native アプリで Flexbox を使用するには、最初に flex-packager モジュールを含める必要があります。 次に、flexbox プロパティを使用して、小さいまたは大きい画面サイズのデバイスにアプリが表示されたときのアプリの動作を指定できます。

import { FlexBox } from 'react-native'; const アプリ = () => ( こんにちは、世界！ ); デフォルトのアプリをエクスポートします。

Flexbox を完全に無効にしたい場合は、no-flex プロパティを使用できます。

import { FlexBox } from 'react-native'; const アプリ = () => ( こんにちは、世界！ ); デフォルトのアプリをエクスポートします。