将边框仅添加到React Native（iOS）中的<Text/>组件的一侧

我正面临一些与React-Native的<Text/>组件中的奇怪问题iOS。将边框仅添加到React Native（iOS）中的<Text/>组件的一侧

我想将borderBottomWidth样式应用于<Text/>组件，但它不起作用。但是，borderWidth选件的工作是。

曾为 <Text style={{borderWidth:1}}> React Native </Text>
没有奏效 <Text style={{borderBottomWidth:1}}> React Native </Text>

有什么办法只适用于底层边界到<Text/>组件？

谢谢！

注：

我知道以下提到的方法，以实现这一点，但在我的情况，我需要的风格只适用于<Text/>组件。

我们可以尝试包装<View/>到<Text/>和应用borderBottomWidth风格的<View/>。（borderBottomWidth正常工作与<View/>）
将这样的<View/>添加到<Text/>组件，它看起来像一条线。

来源

2016-04-06 Nirav Dangi

这当前不可能。请参阅以下RN问题：https://github.com/facebook/react-native/issues/29以及此产品上的故障单：https://productpains.com/post/react-native/add-borderwidth-left-right-top-bottom-to-textinput-/

来源

2016-04-06 11:41:53

尽管borderBottom不能在Text组件上工作，但它在TextInput组件上为我工作，只需将editable设置为false并设置值到你想要的文字...

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

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

来源

2018-01-04 12:35:35

将边框仅添加到React Native（iOS）中的<Text/>组件的一侧

回答

相关问题