How to combine multiple inline style objects and inline css in react-native?
it has 3 style objects TimelineGreenColor, TimelineLeftBorder, TimelineLeftLine to be used in view div
const stylesB = StyleSheet.create( {
TimelineGreenColor:
{
backgroundColor: "green",
},
TimelineLeftBorder:
{
position: 'absolute',
width: 4,
backgroundColor: "green",
height: '100%',
left: 4,
top: 15,
},
TimelineLeftCircle:
{
position: 'absolute',
width: 12,
height: 12,
backgroundColor: "green",
top: 12,
borderRadius: 50,
left: 0,
/*boxShadow: "0px 0px 10px -2px black",*/
},
TimelineLeftLine:
{
position: 'absolute',
width: 15,
height: 3,
backgroundColor: "green",
top: 16,
left: 5,
}
<View style={how to write styles in react-native ??????????}></View>