react-native style写法

最新推荐文章于 2024-09-11 09:23:44 发布

爱谁谁12138

最新推荐文章于 2024-09-11 09:23:44 发布

阅读量497

点赞数

分类专栏： ReactNative

本文链接：https://blog.csdn.net/wangqiuwei07/article/details/103135369

版权

ReactNative 专栏收录该内容

31 篇文章 1 订阅

订阅专栏

在react-native如果需要结合单个的属性写法

            <Animated.Text style={[styles.newBgViewLabel,{display:this.showNEWView}]}>NEW</Animated.Text>

其中的newBgViewLabel是常见的定义

StyleSheet.create({

	container: {
	    flex: 1,
	    paddingTop: HeaderPadding,
	    backgroundColor: '#ffffff',
	},
	popbuttonContainer: {
		display:'flex',
		width:50,
		height:50,
		position:'absolute',
		right:10,
		bottom:60,
		backgroundColor:'purple'
	},
	swiperConainer:{
		display:'flex',
		flexDirection:'column',
		justifyContent:'center',
		alignItems:'center',
		width:50,
		height:50,
	},
	newBgView:{
		width:50,
		height:15,
		backgroundColor:'red',
		color:'white',
		fontSize:30,
		textAlign:'center',
	},
	newBgViewLabel:{
		position:'absolute',
		left:0,
		top:0,
		zIndex:100,
		width:'100%',
		height:15,
		backgroundColor:'red',
		color:'white',
		textAlign:'center',
	},
	)};