react-native 中是否有大纲属性？

Question

Outline 属性在 CSS 中，但我尝试在 react-native 中使用 outline 属性。 我在使用带有 react-native 的大纲属性时遇到了以下消息。 错误：大纲属性不是有效的样式属性 任何人都知道 react-native 中 css 的属性而不是大纲属性，而无需安装另一个包。 感谢您的合作。

Answer 1

在 React Native 中，我们不能通过使用 outline: "red 2px solid" 来提供它，而是需要将其分解为单独的样式。想象一下，我们通过一个 javascript 对象来设置它的样式。

const styles = StyleSheet.create({
  button: {
    paddingHorizontal: 10,
    paddingVertical: 5,
    backgroundColor: "#e7622e",
    borderColor: "#fcfdfb",
    borderWidth: 2,
    outlineColor: "#523009",
    outlineStyle: "solid",
    outlineWidth: 4,
  },
  title: {
    color: "white",
  },
});

outlineColor: "#523009", outlineStyle: "solid", outlineWidth: 4 是它所理解的属性名称。

Answer 2

style={{
        height: 40,
        width: "95%",
        borderRadius: 20,
        backgroundColor: this.state.boxColor,
        marginHorizontal: 10,
        fontFamily: ConstantFontFamily.defaultFont,
        fontWeight: "bold",
        paddingLeft: 35,
        minWidth:
            Dimensions.get("window").width >= 1100 ? 630 : 393,
        outline: "none"
    }}