如何使切换按钮组响应

Question

切换按钮的xml：

<HBox id="toggleButtons1" fitContainer="false" class="fullWidthButtons" alignItems="Center">
            <items>
        <ToggleButton text="BUTTON1" enabled="true" pressed="true" press=".onPress1" class="firsttogglebutton" >
            <layoutData>
            <FlexItemData growFactor="1" />
          </layoutData>
        </ToggleButton>
        <ToggleButton text="BUTTON2" enabled="true" pressed="false" press=".onPress2">
            <layoutData>
            <FlexItemData growFactor="1" />
          </layoutData>
        </ToggleButton>
        <ToggleButton text="BUTTON3" enabled="true" pressed="false" press=".onPress3">
            <layoutData>
            <FlexItemData growFactor="1" />
          </layoutData>
        </ToggleButton>
            </items>
    </HBox>

• 不需要应用一些CSS猜测

我正在检查响应性，当在中小型设备中查看时，它适合所有大小的设备：

供参考：

但是当我更改（放大）按钮内的文本时，它没有响应。可能是什么原因？如何克服这个问题？

我曾尝试用FlexBox代替HBox，但运气是一样的（也许我应该包括更多属性）。

Answer 1

view.xml