将视图宽度设置为空白大小

Question

我在容器视图中有3个子视图。我想根据设备宽度将一个子视图的宽度填充为空白大小。

<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>

此代码无法正常运行。排在第三位的是第二位未显示。是否有任何方法可以填充一个不给出实际宽度尺寸的视图？

Answer 1

我从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>