反应原生高度

以下方法介绍了如何在 react-native 中设置高度。为此，我们将使用 Height 属性。它基本上为给定组件提供了特定的高度。

句法：

height : value

现在让我们从实现开始：

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

  npm install -g expo-cli

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

  expo init myapp

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

  cd myapp

项目结构：它将如下所示。

示例：现在让我们实现高度。在这里，我们将为不同的文本视图提供不同的高度。

应用程序.js

App.js

import React from 'react';
import { StyleSheet, View , Text } from 'react-native';
export default function App() {
  
  return (
    
      
        Height 100
      
      
        Height 200
      
      
        Height 300
      
    
  );
}

使用以下命令启动服务器。

npm run android

输出：如果你的模拟器没有自动打开，那么你需要手动打开。首先，去你的安卓工作室并运行模拟器。现在再次启动服务器。

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