問題タブ [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.
react-native - React-nativeでカスタムコンポーネントの幅と高さを変更できませんか?
次のような最小限のカスタム ステートレス コンポーネントがあります。
そのため、別のコンポーネント内でインポートして使用したいと考えています。
ここで、少なくとも 2 つの不可解な事実があります
。1) さらに重要なのは、ViewBox (またはここで使用するすべてのカスタムコンポーネント) の幅と高さが完全に制御不能になっていることです。数値のサイズまたは Flex 値を割り当てても効果はなく、ViewBox は内側のテキストをレンダリングするために必要な最小の幅/高さを保持します。
2) ルート ビューを削除します (したがって、ViewBox がルートになりました)。ViewBox はサイズを無視し続けますが、利用可能なすべてのスペースを埋めるようになりました.... なぜ ???
上記のすべての動作は、カスタム ビュー (この場合は ViewBox) を使用して発生します。代わりに、通常のビューに置き換えると、すべて期待どおりに機能します。
React-native のフレックスと UI のベスト プラクティスを十分に理解していると思いますが、そのような 2 つのケースはドキュメントで十分にカバーされていません。誰かが私を驚かせてくれることを願っています!