Question

我正在使用

<Text style={styles.sampleStyle}> Something </Text>

以下样式：

sampleStyle: {
    textDecorationLine: "underline",
    textDecorationStyle: "solid",
    textDecorationColor: "#000",
}

然而，他们似乎没有工作。我做错了什么？

Answer 1

您没有为Text组件指定所需的样式。试试：

<Text style={styles.sampleStyle} >Something </Text>

var styles = StyleSheet.create({
  sampleStyle: {
    textDecorationLine: "underline",
    textDecorationStyle: "solid",
    textDecorationColor: "#000"
  }
});

Answer 2

<Text style={styles.sampleStyle}>Something</Text>

var styles = StyleSheet.create({
    sampleStyle: {
        color: "#000"
    }
});

一个古老的问题，但是对于那些仍在2020年仍在搜寻的人来说，这是一个快速的答案

对于Android来说，似乎只需要使用color：即可。如果您看一下文档，textDecorationColor标记为供iOS使用。 https://reactnative.dev/docs/text-style-props

Answer 3

sampleStyle: {
   textDecorationLine: "underline",
   textDecorationStyle: "solid",
   textDecorationColor: "#000",
}

仅适用于 ios

React本机textDecoration属性不适用于Android

3 个答案: