React Native 是一个基于 JavaScript 的框架，用于构建跨平台的移动应用程序。在 React Native 应用中添加按钮是常见的需求。本文将介绍如何在 React Native 中添加按钮。
步骤：
1. 安装依赖
首先，在你的 React Native 项目中安装 react-native-elements 或者 react-native-paper 依赖包，这些包提供了许多可重复使用的组件，其中包括按钮组件。
npm install react-native-elements // 或 npm install react-native-paper
2. 导入所需组件
接下来，要在你的 React Native 页面中导入所需的组件。可以选择从 react-native-elements 或 react-native-paper 中导入按钮组件。导入后，就可以在页面中使用该组件。
import { Button } from 'react-native-elements'; // 或
import { Button } from 'react-native-paper';3. 实现按钮组件
一旦已经导入了按钮组件，就可以在页面中使用它了。按照以下步骤完成按钮组件的实现：
- 创建一个包含按钮标题和按钮样式的对象。
- 使用该对象作为参数传递给按钮组件。
示例代码：
-- -------------------- ---- -------
------ ----- ---- --------
------ - ----------- ---- - ---- ---------------
------ - ------ - ---- ------------------------
----- --------- - -- ------ ----------- -- -- -
------
-------
-------------
-------------------------
--
-------
--
----- ------ - -------------------
------------ -
---------------- ----------
------------- ---
-------- ---
------ ----
--
---
------ ------- -------- ----- -
------ -
----- -------- ----- -- --------------- --------- ----------- -------- ---
---------- ------------ --- -------------------------------- --
-------
--
-4. 运行应用
最后，在终端中输入以下命令运行应用：
npm start
这将启动 Expo DevTools 运行你的 React Native 应用。使用 Expo 扫描器或者在 iOS 或 Android 模拟器中打开应用，然后就可以看到添加的按钮。
总结
通过本文，你已经学习了如何在 React Native 中添加按钮。你需要完成以下步骤：安装依赖、导入所需组件、实现按钮组件和运行应用。希望这篇文章能够帮助你实现一个漂亮的按钮并将其集成到你的 React Native 应用程序中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25918