alignSelf：iOSとAndroid（別名width：100％）で 'stretch'

Question

私はビューの全体の幅を伸ばすためにコンポーネントをスタイルしようとしています。 Androidでは、これはコンポーネントにstyle={{alignSelf: 'stretch', width: null}}を追加することで動作しますが、iOSの同じコードは何もしません。良い回避策は何でしょうか？なぜ彼らの行動が違うのか？

私は、さまざまな状況で動作するはずのボタンコンポーネントを作成しています。そのため、コンテナに触れる代わりに、コンポーネント自体が伸びている必要があります（プロペラが与えられている場合）。だから、コンテナのflexプロパティを変更することは避けてください。私はおそらくjustifyContentのようなものでそれを行うことができます：私の頭の上から伸びますが、この目的のためにこのオプションを外にしましょう... Androidでうまくいき、iOSに移植する必要があるので、できるだけ小さな変更を加えようとしています。この問題を回避するためにコード全体を書き直すことはできません。可能であれば、私は自己完結型ソリューションが必要です。

RN 0.21を使用しています。私は更新すべきだと知っていますが、それは後で保存する頭痛です...

Answer 1

あなたのコンポーネントにflex：1を追加しようとしましたか？ 親の幅があり、唯一の子がフレックス：1の場合、子は100％の幅を持つ必要があります。