Javascript 减小底部边框和文本之间的距离

作为下划线，我已将borderBottom添加到环绕文本元素的视图中。然而，底部比我想要的要低一点。有什么办法可以缩短距离吗

          <View
            style={[
              styles.textContainer,
              selected === index ? styles.selectedTab : null,
            ]}>
            <Text style={styles.tabText}>{item.text}</Text>
          </View>

代码沙盒： 单击其中一个文本项时，您将看到下划线。

在您的代码中

  tabText: {
    color: 'black',
    paddingBottom: 10,
  },

---

您可以减少

paddingBottom

以达到所需的效果

您可以降低tabText样式的paddingBottom

  tabText: {
    color: 'black',
    paddingBottom: 10,
  },