不同颜色的按钮字体

Question

我尝试更改按钮样式变为图像下方。最后，我只使用了gridlayout来展示我想要的设计。使用按钮是否可以在图像下方显示相同的设计？

<GridLayout rows="auto" columns="auto, auto" backgroundColor="#ffffff" padding="10" borderWidth="0.2" borderColor ="#E7E7E7" tap="onClick" id="btnTG" matchId="{{ SLMatchId }}" dataType="odd_0" tap="onBtnClick">
      <label text="{{ 0 + ' '}}" color="red" fontWeight = "bold" id="lblTG1"/>
      <label text="{{ OddsList.TG0 }}"  col="1" id="lblTG2"/>
 </GridLayout> 

我发现formattedText属性可以应用。但是在我尝试之后找出Button组件字体无法改变颜色。是不是编码错了？

    <Button col="3" backgroundColor="#ffffff" paddingTop="10" borderWidth="0.2" borderColor ="#E7E7E7" paddingBottom="10" matchId="{{ SLMatchId }}" paddingLeft="7" id="btnTG" dataType="odd_UP7" tap="onBtnClick">
            <Button.formattedText>
                  <FormattedString>                                                           
          <FormattedString.spans>
              <Span text="{{ 0 + ' '}}" foregroundColor="#D93F3F"  />
              <Span text="{{ 13.00 }}"  />   
          </FormattedString.spans>
       </FormattedString>
   </Button.formattedText>            

Answer 1

它对我有用：

<Button>
    <FormattedString>
        <Span
            text="'0 '"
            fontAttributes="Bold"></Span>
        <Span
            text=" 13.00"></Span>
    </FormattedString>
</Button>