垂直方向の中央揃えのネイティブ ビューに関連する主な問題は、スクロールの問題が発生する可能性があることです。 ユーザーがページを下にスクロールすると、画面中央のコンテンツは一緒に下に移動しますが、画面の両側のコンテンツは静止したままです。 ユーザーがすべてのコンテンツを一度に表示できるようにする場合、これは問題になる可能性があります。
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
React Native でビューを垂直方向に揃える組み込みの方法はありません。 ただし、スタイル プロパティ「transform」と値「translateY(50%)」を使用して、ビューを垂直方向に中央揃えにすることができます。
反応ネイティブでのテキストの垂直方向の配置 (nativebase を使用)
テキストの垂直方向の配置は、TextAlign プロパティによって制御されます。 次の XNUMX つの値があります。
左
センター
右
ネストされたテキスト
React Native では、ネストされたテキストは、他のテキスト フィールドを含むことができるテキスト フィールドを作成できる機能です。 これは、複数のフィールドを持つフォームを作成し、フィールドを整理しておきたい場合に便利です。
React Native アプリでネストされたテキストを使用するには、まず新しい TextField コンポーネントを作成します。 次に、次のコードをコンストラクターに追加します。
this.state = {};
これにより、テキスト フィールドの状態が初期化され、空の文字列が含まれるようになります。 次に、次のコードを onChange ハンドラーに追加します。
this.setState({テキスト: this.state.テキスト});
これにより、テキスト フィールドの状態が現在の値で更新されます。 最後に、元の TextField コンポーネントの下に新しい TextField コンポーネントを追加し、それを子フィールドとして使用するように指定します。
