React Native 可按下组件

React Native 是 Facebook 开发的一个框架，用于在一种通用语言 JavaScript 下为 iOS 和 Android 创建原生风格的应用程序。最初，Facebook 只开发了 React Native 来支持 iOS。但是，由于最近支持 Android 操作系统，该库现在可以为这两个平台呈现移动 UI。

先决条件：

• ReactJs 的基础知识。
• 具有 ES6 语法的 Html、CSS 和 javascript。
• NodeJs 应该安装在您的系统中（安装）。
• Jdk 和 android studio 用于在模拟器上测试您的应用程序（安装）。

在本文中，我们将了解如何使用 react-native 的 Pressable 组件。 Pressable 充当其内部组件的包装器。 Pressable 使用 React Native 的 Pressability API。

在我们的项目中，我们将使用 Pressable 组件分别包装文本和图像以显示其功能。我们将逐步了解该方法。

创建 React Native 应用程序：

第 1 步：创建一个 react-native 项目：

npx react-native init DemoProject

步骤 2：使用以下命令启动服务器：

npx react-native run-android

第 3 步：现在转到您的项目并创建一个组件文件夹。在 components 文件夹中，创建一个文件 PressableComponent.js。

项目结构：项目应如下所示：

App.js

import React from 'react';
import type { Node } from 'react';
import { View } from 'react-native';
import PressableExample from './components/PressableComponent';
  
const App: () => Node = () => {
  return (
    
      
    
  );
};
  
export default App;

运行应用程序的步骤：使用以下命令运行应用程序：

npx react-native run-android

输出：