問題タブ [react-native-flexbox]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 反応ネイティブでフレックスボックスを使用するのが難しい
反応ネイティブで作成しようとしているこのデザインがありますが、フレックスボックスを使用して適切に配置できませんでした。
望ましい結果
.
マイコード
出力
私のやり方に何か問題があると思います。誰かがそれを指摘してくれれば、本当に素晴らしいことです。ありがとう。
react-native - 下部の固定ビュー (可変高) と残りの高さを他のビューで埋める
チャットを構築したい。メッセージのビューには、メッセージとメッセージの入力フィールドがあります。入力ボックスは一番下にあり、必要な高さを使用する必要があります。ユーザーが複数行のテキストを入力すると、入力ボックスの高さが変わることがあります。msgs-View は残りの高さ (上記) を埋める必要があります。メッセージの FlatList は常に「可視」領域にある必要があるため、入力を絶対に配置したくありません。
css - Flexbox でこのレイアウトを作成するにはどうすればよいですか?
Flexbox (および React Native) でこのレイアウトを作成しようとしていますが、うまくいきません。具体的には、左ボタンと右ボタンは、何をしてもコンテナーの幅の 50% に拡大することを拒否します。それらは常にコンテンツのサイズです。
ネストされたコンテナを使用しています。ボタンは、画像を含む行の Flex コンテナにネストされた列状の Flex コンテナにあります。
これが私のJSXです：
すべての返信は大歓迎です...