ios - 仅在 React Native (iOS) 中的 组件的一侧添加边框

Question

我在 React-Native 的 <Text/> 遇到了一些奇怪的问题iOS 中的组件。

我想申请 borderBottomWidth风格转化为<Text/>组件，但它没有工作。然而，borderWidth选项有效。

• 工作
<Text style={{borderWidth:1}}> React Native </Text>


• 没用
<Text style={{borderBottomWidth:1}}> React Native </Text>


有什么方法可以只将底层边框应用到 <Text/> 中吗？零件？

谢谢!

---

注意:

我知道以下提到的方法可以实现这一点，但就我而言，我只需要将样式应用于 <Text/>组件。

1. 我们可以尝试换行<View/>到 <Text/>并申请borderBottomWidth <View/> 样式. ( borderBottomWidth 与 <View/> 配合良好)
2. 添加这样的<View/>就在 <Text/> 下面看起来像一条线的组件。

Answer 1

即使 borderBottom 在 Text 组件上不起作用，但它在 TextInput 组件上对我有用，只需将 editable 设置为 false 并将值设置为所需的文本...

<TextInput
    style={styles.textInput}
    editable={false}
    value={'My Text'}/>

const styles = StyleSheet.create({
    textInput: {
        borderBottomColor: 'black',
        borderBottomWidth: 1,
    }
});