TabStripItem 内的标签在 IOS 台设备上以大写字母显示

Question

我有一个奇怪的问题，我在 Nativecsript 中使用 TabStrip :

 <Tabs selectedIndex="0">
            <TabStrip>
                <TabStripItem (tap)="itemTap(0)" >
                    <Label class="{{selectedItem === 0 ? 'tab-active': 'tab-inactive'}}" 
                        text="test1"></Label>
                </TabStripItem>
                <TabStripItem class="special" (tap)="itemTap(1)" >
                    <Label class="{{selectedItem === 1 ? 'tab-active': 'tab-inactive'}}" 
                        text="test2"></Label>
                </TabStripItem>
                <TabStripItem class="special" (tap)="itemTap(2)" >
                    <Label class="{{selectedItem === 2 ? 'tab-active': 'tab-inactive'}}" 
                        text="test3"></Label>
                </TabStripItem>
            </TabStrip>

我尝试为标签添加 css text-transform: capitalize 选项，它适用于 Android 但不适用于 IOS ，例子： Android：测试1。测试2。测试3 IOS：测试 1。测试2。测试 3

有什么建议吗？

Answer 1

经过几个小时的搜索，我发现 Nativescript 不支持 text-transform="capitalize"，唯一的方法是在 TabStrip 中添加 textTransform="none"。

TabStripItem 内的标签在 IOS 台设备上以大写字母显示

Label inside TabStripItem is displayed with capital letters on IOS devices

tabs

nativescript

angular