2017-07-28 9 views
0

コンテナビューに3つの子ビューがあります。私はデバイスの幅に応じて1つの子ビューの幅を空白のサイズにしたいと思います。ビューの幅を空白のサイズに設定

<View width="Ti.UI.FILL" height="Ti.UI.SIZE" layout="horizontal"> 
    <!-- 1 --><View width="60" height="Ti.UI.SIZE" backgroundColor="yellow" /> 
    <!-- 2 --><View width="Ti.UI.FILL" height="Ti.UI.SIZE" backgroundColor="red" /> 
    <!-- 3 --><View width="80" height="Ti.UI.SIZE" backgroundColor="orange" /> 
</View> 

Preview

このコードは正しく動作していません。ビューは3番目に表示されていない2番目の近くに表示されます。実際の幅のサイズを与えないで1つのビューを満たすための方法はありますか?

答えて

0

私はti.slackから助けを得る。以下のアプローチが有効です。これが誰にも役立つかもしれない。

<View width="Ti.UI.FILL" height="Ti.UI.SIZE"> 
    <!-- 1 --><View width="60" height="Ti.UI.SIZE" backgroundColor="yellow" left="0" /> 
    <!-- 2 --><View width="Ti.UI.FILL" height="Ti.UI.SIZE" backgroundColor="red" left="60" right="80" /> 
    <!-- 3 --><View width="80" height="Ti.UI.SIZE" backgroundColor="orange" /> 
</View> 
関連する問題