Menu
Outline property is in CSS,but i tried to use outline property in react-native. I encountered the following message while using outline property with react-native. error:outline property is not a valid style property Anyone know the property instead of outline property of css in react-native without install another package. Thanks for your cooperation.
623
In React Native we cannot give it by using outline: "red 2px solid" instead we need to break it into individual styles. Think of it as we are styling it through a javascript object.
These created parameters are called props, short for properties. For example, one basic React Native component is the Image. When you create an image, you can use a prop named source to control what image it shows.
When the direction is rtl, end is equivalent to left. This style takes precedence over the left and right styles. In React Native flex does not work the same way that it does in CSS. flex is a number rather than a string, and it works according to the Yoga layout engine.
For conveying these messages, overlay is used. A view or a box with some content which floats above an app’s content is called overlay. Overlays are one of the easiest and effective way of informing the user or taking information from the user. React Native also provides an option to setup overlay in an app. …… props ……
In React Native we cannot give it by using outline: "red 2px solid" instead we need to break it into individual styles. Think of it as we are styling it through a javascript object.
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 are the property name that it understands.
115
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
