TabView 标题样式

Posted 2023-02-23

【中文标题】TabView 标题样式

【英文标题】：TabView header style

【发布时间】：2018-10-16 07:16:53

【问题描述】：

我正在使用 TabVIew，但有两个问题： 1.如何去除TabView header的border-bottom？ 2. 如何在 TabView 表头中的项目之间添加分隔符？

谢谢， 陈

【参考方案1】：

您既不能删除底部颜色，也不能在选项卡中添加分隔符。您可以控制已选择标签的底部边框颜色。以下是 NativeScript 中公开的属性

<TabView 
    androidSelectedTabHighlightColor="orange" 
    selectedTabTextColor="red" 
    tabBackgroundColor="lightgreen" 
    tabTextColor="blue">

对于以上任何内容，您都应该访问本机元素并查看是否存在进一步设置元素样式的本机可能性。

【讨论】：

你是对的，最终我隐藏了标题栏（通过本机元素）并创建了我自己的栏并根据需要设置了样式。