减少bottomBorder和文本之间的距离答案

【问题标题】：decrease distance between bottomBorder and text减少bottomBorder和文本之间的距离
【发布时间】：2021-01-23 08:20:36
【问题描述】：

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

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

  selectedTab: {
    borderBottomWidth: 3,
    borderBottomColor: 'red',
  }

代码沙盒：单击其中一个文本项时，您会看到下划线。 https://snack.expo.io/@nhammad/shallow-watermelon

【问题讨论】：

可以降低tabText样式的paddingBottom

标签： javascript css reactjs typescript react-native

【解决方案1】：

在你的代码中

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

你可以减少paddingBottom来达到你想要的效果

【讨论】：