RN设置宽高100%

最新推荐文章于 2024-05-06 16:25:58 发布

ZhuYuanLe

最新推荐文章于 2024-05-06 16:25:58 发布

阅读量940

点赞数

文章标签： javascript reactjs

本文链接：https://blog.csdn.net/ZhuYuanLe/article/details/112260573

版权

本文介绍了在React Native (RN)环境中，如何通过引入Dimensions模块并使用其get方法，来实现组件宽度和高度设置为100%的详细步骤。

摘要由CSDN通过智能技术生成

RN 中如何设置宽高为100%

在组件中引入Dimensions,调用get方法

import React from 'react'
import{Dimensions, View, Text} from 'react-native'

const screenHeight = Dimensions.get('window').height;
const screenWidth = Dimensions.get('window').width;

function MainComp(props){

	return ( 
	<View style={{
		height: screenHeight,
		width: screenWidth,
		backgroundColor: '#ccc',
	}}>
		<Text></Text>	
	</View>)
}