解決済み: float right react native

React Native を使用する際の主な問題は、問題のデバッグとトラブルシューティングが難しいことです。 React Native はプラットフォームに依存しない開発フレームワークであるため、開発者は、作業しているプラ​​ットフォームごとに、さまざまなデバッグおよびトラブルシューティングの手法を習得する必要があります。 さらに、React Native アプリはネイティブ アプリほどサポートされていないため、問題のデバッグやトラブルシューティングに役立つリソースが少ない可能性があります。

<View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
  <Text>Left</Text>
  <Text>Right</Text>
</View>

最初の行は、スタイル属性を持つ View 要素を作成します。 style 属性には、flexDirection と justifyContent の XNUMX つのプロパティを持つオブジェクトが含まれています。 flexDirection の値は「row」で、justifyContent の値は「space-between」です。

View 要素内には XNUMX つの Text 要素があります。 最初の Text 要素にはテキスト「Left」があり、XNUMX 番目の Text 要素にはテキスト「Right」があります。

フロートを正しくする方法

React Native で float を機能させる最善の方法は、構築している特定のアプリによって異なるため、この質問に対する万能の答えはありません。 ただし、React Native でフロートを機能させる方法に関するいくつかのヒントには、流動的なグリッド レイアウトを使用し、CSS ポジショニング プロパティを使用してすべての要素を確実に配置することが含まれます。 さらに、アイコンには react-native-vector-icons を、アニメーションには react-native-ripple を使用すると便利です。

左にフロートします

React Native でこれを行う組み込みの方法はありません。 react-native-float-left のようなライブラリを使用するか、インライン関数を使用できます。

関連記事:

コメント