拉伸输入字段

Question

我有一个过滤条，如下所示：

视图的代码：

<fb:filterGroupItems>
                    <fb:FilterGroupItem groupName="sap.ui.comp.filterbar.FilterBar.INTERNAL_GROUP" groupTitle="Contact" name="CompanyName" label="Company Name"
                        visibleInFilterBar="true">
                        <fb:control>
                            <Input type="Text"/>
                        </fb:control>
                    </fb:FilterGroupItem>
                    <fb:FilterGroupItem groupName="sap.ui.comp.filterbar.FilterBar.INTERNAL_GROUP" groupTitle="Contact" name="ContactName" label="Contact Name"
                        visibleInFilterBar="true">
                        <fb:control>
                            <Input type="Text"/>
                        </fb:control>
                    </fb:FilterGroupItem>
                    <fb:FilterGroupItem groupName="sap.ui.comp.filterbar.FilterBar.INTERNAL_GROUP" groupTitle="Contact" name="ContactTitle"
                        label="Contact Title" visibleInFilterBar="true">
                        <fb:control>
                            <Input type="Text"/>
                        </fb:control>
                    </fb:FilterGroupItem>
                    <fb:FilterGroupItem groupName="Region" groupTitle="Region" name="City" label="City">
                        <fb:control>
                            <Input type="Text"/>
                        </fb:control>
                    </fb:FilterGroupItem>
                    <fb:FilterGroupItem groupName="Region" groupTitle="Region" name="Country" label="Country">
                        <fb:control>
                            <Input type="Text"/>
                        </fb:control>
                    </fb:FilterGroupItem>
                </fb:filterGroupItems> 

如您所见，我将视图更改为 iPhone 6/7 .. 。 问题是，如何更多地拉伸输入字段？

Answer 1

您可以像这样将控件添加到控件中

<Input type="Text" class="stretch" />

然后你可以添加一个拉伸样式