問題タブ [react-native-flexbox]

私は現在、反応するネイティブアプリケーションを作成していますが、

そして、コンポーネントの上部に2つの画像を表示したいので、画像を次のように使用します:

ああ、それは機能しますが、使用すると、サブコンテナが作成され、コンポーネントの上部と画像の間にマージが作成されます

このスペースを削除するにはどうすればよいですか?

スペースのサイズを削除しようとしましたが、すべてのデバイスで機能するとは限りません...

React-Native では、prop内で宣言widthせずに画像を表示することは可能ですか? 画像がすべてのスペースを取るか、実際のサイズでレンダリングされるようにしたいと思います。(たとえば、resizeMode が cover に設定されているかどうか。)heightstyle

私はこの記事を読み、その方法を実装しようとしましたが、成功しませんでした: https://medium.com/the-react-native-log/tips-for-react-native-images-or-saying-goodbye-to-trial -およびエラー-b2baaf0a1a4d

これが私のコードです:

widthハードコーディングされたandを指定しない限り、何も印刷されませんheight。

したがって、上の画像では、動的テキストを「緑色」のボックスで囲むようにしています。青と黄色のテキスト ボックスがどのようにflex: 'row'構成されているかに注意してください。テキストの青のボックスは a にflex: 2あり、黄色のテキスト ボックスは にありますflex: 1。

テキストが親コンテナーに対して大きすぎるまで、問題なく動作します。

屈曲した内部の子に合わせて、必要に応じて緑のコンテナーが成長するようにしたいと思います。これは反応ネイティブで可能ですか?

これは、Web の意味でどのように見えるかのイメージです。

緑色のボックスを に設定しようとしましたflex: 1が、画面全体に表示されるので大きすぎます。設定heightは可能ですが、最大の内部コンポーネントのサイズはわかりません (少なくともいくつかのハッカーがなければ)。私も試してみましminHeightた。

誰かがこのようなことを試みましたか？内部要素の高さを自分で動的に取得する必要がありますか?

更新 - コードのビットは次のとおりです。

ご覧いただきありがとうございます。

クエリによって返される用語のリストがあります。それぞれが一言です。現在、FlatList は各単語を同じ行 (horizo​​ntal={true}) のボタンにレンダリングします。通常のテキストのようにボタンを折り返したいと思います。しかし、私は列機能を絶対に使用したくありません。これは、FlatList の不適切な使用例でしょうか? 他に使用できるコンポーネントはありますか?

私が得た他のエラーメッセージの1つは次のとおりです。

警告:flexWrap: コンポーネントでは wrap`` はサポートされていません。代わりにwithVirtualizedListを使用することを検討してください。numColumnsFlatList