問題タブ [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.

0 投票する
1 に答える
282 参照

reactjs - アクティブ状態の変更とトランジションのフレックス

以下のような反応コンポーネントクラスがあります

両方の touchableopacity コンポーネントの値が flex 2 であるため、ウィンドウ内で均等に分割されます。touchableopacity の 1 つが押されたときに、フレックスから 2 から 4 への遷移を行い、1 つのボックスがアニメーションで成長できるようにし、それを「アクティブ」または「選択済み」としてマークします。これを何度も検索しましたが、ReactNative の初心者なので、適切な方法が見つかりませんでした。

これは可能ですか、それとも達成可能ですか?

//コード全体を編集

0 投票する
2 に答える
6409 参照

android - すべてのデバイスに対応する反応ネイティブで画面を設計する方法

私はこのデザインをデザインしようとしていますreact-native。これは私がコード化したものですが、これは私が望むものではありません。これは 1 つの画面でのみ機能します。画面サイズを変更すると、機能しなくなります。

これは絶対レイアウトのように見えます。すべての画面サイズで動作するようにするには、どのような変更を加える必要がありますか。

予想される状態:

ここに画像の説明を入力

現在の状態:

ネクサス 4 - 768x1280

ここに画像の説明を入力

ネクサス 6P - 1440x2560 ここに画像の説明を入力