反应原生宽度道具

在 React Native 中，如果我们需要设置组件的任何尺寸，是通过为样式添加固定的宽度和高度，在本文中，我们将使用 width 属性设置任何组件的宽度。

句法：

style={{
        width: dimension, height: dimension,
      }} />

尺寸宽度有以下三种类型：

1. 固定尺寸： React Native 中的所有尺寸都是无单位的，并且在这里表示与密度无关的像素，只有原始数字必须使用。
2. Flex 尺寸：这里使用组件样式中的 flex 来获得可用空间，它操纵自己来捕获空间。
3. 百分比尺寸：当您希望该组件填充屏幕的某个部分，但您不想使用 flex 时，需要使用此选项。

现在让我们从实现开始：

第 1 步：打开终端并通过以下命令安装 expo-cli。

npm install -g expo-cli

第2步：现在通过以下命令创建一个项目。

expo init myapp

第 3 步：现在进入您的项目文件夹，即 myapp

cd myapp

项目结构：

例子：

Javascript

import React from 'react';
import { View } from 'react-native';
  
const WidthCompo= () => {
  
  return (
    
      
      
      
    
  );
};
  
export default WidthCompo;

输出：

参考： https ://reactnative.dev/docs/height-and-width