問題タブ [react-native-flexbox]

このようにテキストボックスをレイアウトしようとしています

そして、これが私がやろうとしている私のコードです

ここにスタイルシートがあります

しかし、私はこのような結果を得ました

テキストボックスを最初の画像としてレンダリングするにはどうすればよいですか? どうもありがとう

私は反応ネイティブを学ぼうとしています。

次のコードがあります。

しかし、このコードを実行すると、次の行を示すエラーが表示されます

"は予期しないトークン" です。

0.5 を 50% と "0.5" に置き換えてみましたが、これらもエラーになります。

基本的に、これが Web 用の html css である場合、私が達成しようとしている動作は次のとおりです。

つまり、各画像の下にキャプションを付けた 2 列のサムネイル画像が必要なだけです。

私のホームページには、flex で配置した 4 つのボタンがあります。親の flex: 1 を設定しました。これは、ページ全体をカバーしていることを意味します (backgroundColor で確認しました)。私の問題は、alignItems: 'flex-end' を設定すると、フレックスがページの半分だけをカバーしているかのように、ボタンが少しだけ下に移動することです。

これが私のコードのマークアップです:

カードのスタイル:

CardSection スタイル:

アイテムのスタイル:

そして、これは私が得るものです：

flexWrap: 'wrap' を削除すると、この問題は解決することに注意してください。ただし、これを行うことはできません。

何か案は？

私はネイティブに反応するのが初めてで、2つのツールバーボタンを2日間並べるのに本当に行き詰まっています! フレックスを使用して、ツールバーの右側に配置する必要があります。しかし、私にはそれができませんでした。コードは次のとおりです。

実際問題は、フレックス値の変更がinsideImageContainerorでは機能しないことimageContianerです。この問題を解決するのを手伝ってくれませんか。前もって感謝します。