文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    在React Native中构建启动屏

    在这个教程中，我们将演示如何在React Native中构建一个启动屏幕。我们将指导你如何使用 react-native-splash-screen 为iOS和Android应用构建出色的欢迎界面。...首先，使用下面的任一命令安装 react-native-splash-screen 包： /* npm */ npm i react-native-splash-screen --save /* yarn...StyleSheet, SafeAreaView, useColorScheme, } from 'react-native'; import {Colors} from 'react-native...请参考下面的截图： 构建一个Expo启动屏幕 到目前为止，我们已经探讨了如何在一个裸 React Native 应用中构建启动屏幕。...这就是结果： 总结 启动画面是对任何应用程序的重要补充，因为它在启动应用程序和显示主要内容之间创造了平滑的过渡，从而提高了用户的体验。

    10K10

    React Native 常用的 15 个库

    React Native Push Notification 这个库支持本地推送通知功能比较全面。它具有日程通知、基于日、周、时间的重复通知等其他库中没有的功能。...React Native Sound 你需要在应用中播放声音或音乐的库。 我使用这个库来播放应用程序声音并播放录制的答案。...React Native loading spinner overlay ? 一个简单但非常有用的组件。当你希望阻止用户在处理某些内容时执行任何其他操作时，你可以使用此组件。...React Native Progress 在应用程序中，显示加载或任何其他操作的进度是很重要的。这个库通过支持5个不同的组件，如线性进度条、圆形、饼状图等，可以很容易地显示进度。 实际案例 ?...React Native Vector Icons 这是最好的 Icon 组件。 它捆绑了 10 个图标集，图标按钮组件，还允许你使用字形图，Fontello 和 TTF 文件导入自定义图标集。

    7.7K31

    React Native推送通知：完整的操作指南

    由于它们类似于短信，但发送不需要任何费用，许多企业现在更喜欢使用推送通知向应用用户发送信息和警报。 在这篇文章中，我们将看到如何在React Native应用中创建和发送推送通知。 什么是推送通知？...这里有一个图表，简化了通知服务如何与设备进行通信： 当涉及到在React Native中设置推送通知时，有几种设置方式： 原生平台特定的通知服务（FCM/APNS） Expo推送通知服务和其他云服务 像...其他的React Native库，比如react-native-push-notification 像 Notifee 和 react-native-notifications 这样的库提供了原生模块，...default", body: message } ]); 现在，可以在服务器代码的任何地方调用 sendPushNotification 函数，根据 Expo 推送通知令牌向任何设备发送通知，如下所示...让我们看看这些问题的原因以及如何解决它们： 我无法在裸 React Native 应用中运行 Expo 通知：这是因为 Expo 通知库依赖于其他 Expo 库。

    12.3K10

    使用umi开发react-native应用

    下游可以使用： React Native CLI：RN 官方开发/打包工具； expo：不需要搭建 iOS 和 Android 开发环境，工程目录干净清爽，添加 RN 依赖方便快捷； haul：第三方...概览 NPM 包 简介 umi-plugin-antd-react-native 为@ant-design/react-native提供按需加载，主题定制、预设、切换，国际化支持，在expo中链接字体图标...在 RN 中集成其他umi插件需要开发者自行斟酌。 umi插件包括： 内建插件：@umijs/preset-built-in，这一部分是无法拆除的。...React Native CLI expo haul 推荐在.gitignore文件末尾，追加以下内容： # umi-react-native tmp index.js metro.config.js...babel.config.js haul.config.js 如果你的 RN 工程只使用一种开发工具则无需任何配置。

    8.5K30

    Expo与Flutter：如何选择合适的移动框架

    几乎每篇文章都指向一个 Flutter 或 React Native 开发工作室，试图说服您他们的技术是最好的。我向您保证，这篇文章不同。...首先，Expo 现在是推荐的框架 用于 React Native。因此，我们将比较 Expo 和 Flutter，因为 Expo 是构建 React Native 应用程序最流行的方式。...Expo 是一套围绕 React Native 构建的工具和服务，React Native 由 Meta 创建。...此外，其他无线更新服务的未来尚不明朗，因为微软宣布将 App Center 退役。 如果您计划频繁地向用户推送更新或希望快速修复生产中的错误，请为您的下一个项目选择 Expo。 7....如果您想组建一个开发人员团队来支持您的应用程序多年，请选择 Expo。 PS：如果您想学习 React Native 或提升您的团队技能，请查看 Galaxies.

    4.2K10

    React Native 开发心得分享

    从开发角度而言，尤其还是对于前端开发人员，会 JS 且搞过 React ，那 RN 上手就十分友好，最起码有关 React 社区的逻辑库或状态库是可以使用的。...是否有必要学 react-native？​ 先说一个结论：RN ≠ 原生，别指望会个 react 就能写出靠谱的原生应用。...Expo​ Expo 是基于 React Native 并整合大量常用的 native module(Expo SDK)，像原生的功能如相册，相机，蓝牙等功能，在 expo 都是直接集成的，相当于封装原生的...React Native 和 Next.js 应用程序共享代码​ 如果你想要在 React Native 和 Next.js 应用程序共享代码(UI，逻辑)，你可以考虑使用 solito。...但在 expo 中有 react-native-pager-view作为平替，并且更兼容原生，但是 react-native-pager-view 是不支持 Web 端的，因此如何选择就看具体需求了。

    2.7K31

    在网站或桌面应用使用Font Awesome图标库

    Font Awesome介绍 Font Awesome为您提供可缩放的矢量图标，您可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。...无限缩放 无论在任何尺寸下，可缩放的矢量图形都会为您呈现出完美的图标。 如言语一般自由 Font Awesome完全免费，哪怕是商业用途。请查看许可。...CSS控制 只要CSS支持，无论颜色、大小、阴影或者其它任何效果，都可以轻易展现。 高分屏完美呈现 Font Awesome的矢量图标，将使您的网站在视网膜级的高分屏上大放异彩。...2.4 其他应用 fontAwesome还有其他更加复杂一点的应用，包括固定宽度、浮动、反转、旋转、叠加图标等。...在WPF中使用FontAwesome之类的字体图标 在WPF程序中，一般接触到的矢量图标资源有XAML、SVG、字体这三种格式。

    3.3K20

    几个好用的React-Native 开发工具

    另外，React Native CLI 还提供了一些常用的命令，比如 run-ios、run-android 等，可以方便地启动应用并在模拟器或设备上运行。...9、Expo Expo 是一个开发平台，提供了许多开箱即用的组件和 API，可以帮助开发者更快速地开发 React Native 应用。...Expo 的使用非常简单，只需要安装 Expo CLI，就可以快速地创建和打包一个基于 Expo 的应用。...Expo 适合那些不需要进行底层原生开发的 React Native 应用，可以大大提高开发效率和代码质量。...当然，React Native 社区中还有许多其他优秀的工具和框架，我就罗列了一些自己相对于比较熟悉的工具和技术，这些工具和技术都可以在 React Native 应用开发过程中发挥重要作用，提高开发效率和代码质量

    5.1K10

    React Native 开发工具推荐

    另外，React Native CLI 还提供了一些常用的命令，比如 run-ios、run-android 等，可以方便地启动应用并在模拟器或设备上运行。...同时，Expo 还提供了一个在线开发工具 Expo Snack，可以方便地在浏览器中进行开发和调试。...Expo 的使用非常简单，只需要安装 Expo CLI，就可以快速地创建和打包一个基于 Expo 的应用。...Expo 适合那些不需要进行底层原生开发的 React Native 应用，可以大大提高开发效率和代码质量。...当然，React Native 社区中还有许多其他优秀的工具和框架，我就罗列了一些自己相对于比较熟悉的工具和技术，这些工具和技术都可以在 React Native 应用开发过程中发挥重要作用，提高开发效率和代码质量

    3.3K20

    使用Expo开发React-native程序（一）

    开发React-native程序，除了官方提供的React-native CLI外，目前还有一个新的选择Expo。Expo通过编写React和js代码，来生成IOS app、安卓app和web端应用。...它主要包括两个工具：Expo CLI：命令行工具，用来创建脚手架、运行、build程序。Expo Go：安装在真机或虚拟机上的app，可以直接运行你构建出来的项目（不需要签名），方便debug和测试。...如何使用：1.全局安装Expo CLI工具npm install -g expo-cli2.创建项目（假设项目名称为expo-1）expo init expo-1或者npx create-expo-app...expo-13.安装其他依赖项如果是苹果M1、M2芯片，需安装watchmanbrew install watchman4.启动npm start启动完成后，可以在web端查看效果：http://localhost...:8081/也可以按 i 启动IOS虚拟机（前提是你已经安装了xcode和IOS虚拟机），启动IOS虚拟机后expo会首先给你安装Expo Go，如下图所示：安装好后就可以正式进入app了，效果如下：expo

    4.6K10

    20个惊艳的React组件库，每一个都值得收藏（上）

    FontAwesome是一个广受欢迎的图标库，提供了一系列设计精美的图标用于网页和应用。...React FontAwesome的优势 图标丰富：FontAwesome拥有丰富的图标集合，无论是社交媒体图标、用户界面控件还是通用符号，几乎可以满足所有需求。...使用简单：React FontAwesome通过组件封装FontAwesome图标，使得在React项目中使用图标变得非常简单直观。...使用场景 React FontAwesome适用于几乎所有需要使用图标的场景，例如： 导航菜单：使用图标指示菜单功能，增强用户体验。...灵活强大：支持从本地文件、服务器或其他来源加载翻译资源，同时提供丰富的配置选项以满足不同场景下的国际化需求。

    3.3K12

    React Native 调查显示新架构之路坎坷

    然而，其他受访者则抱怨缺少开发者面板和网络工具、缺乏性能剖析功能，以及无法与 Visual Studio Code（VS Code）集成。...尽管面临这些挑战，88% 的受访者认为 React Native 正在朝着正确的方向发展。开源的 Expo 框架面向 Android、iOS 和 Web，并因其相对于其他解决方案的优势而备受好评。...大多数 React Native 开发者专注于 Android 和 iOS，只有 22% 的开发者还同时开发 Web 端，对 macOS 或 Windows 的桌面应用兴趣不大——尽管微软已经开始使用...React Native 进行跨平台开发。...在报告的结尾，Bukowski 认为，Expo 作为主要框架的出现、新架构的到来以及 React Server Components 的引入都是“实质性的进步”，这些都预示着 React Native

    67100

    「首席架构师推荐」React生态系统大集合

    react-icons - svgReact流行图标包的图标 Keo - Plain用于创建React组件的功能更强大的Deku方法，具有管道，memoize等功能性好处.........创建React Native App - 在没有构建配置的任何操作系统上创建React Native应用程序，包含或不包含Expo Snowflake - 使用Redux，Parse.com，Jest（...React Native Starter Kit - 一个强大的入门项目，用于引导您的移动应用程序的开发 React Native Awesome Components Expo - 用于制作跨平台移动应用程序的世博会平台...react-native-mapbox-gl - Mapbox GL对原生模块做出React react-native-icons - React Native中的快速简单图标 react-native-vector-icons...- 用于React Native的3000个可自定义图标，支持NavBar / TabBar react-native-google-signin - Google Signin for React

    16.6K30

    我不认为Flutter比React Native好

    微软的几位大佬就在之前的访谈中讨论过 React Native 工具与开发者体验的改进思路。 此外，Expo 也确实极大改善了 React Native 中的开发者体验。...使用 Expo 服务，大家不仅能够实现原版 React Native 中的一切功能，还将获得更好的升级体验与集成工具运行效果。...如果不打算使用自定义本机代码，Expo Go 则是一种无需编译即可与他人快速共享 build 的绝佳方式。总之，如果你正在使用 React Native，千万别跟 Expo 失之交臂！...第三方库 在典型的 React Native 应用当中，我们会用到大量最初专为 JavaScript 或 React 设计的库和工具，包括 axios, mobx, redux, lodash, ramda...这些属于个人喜好问题，争来争去也不会有确切的结论，也不至于给框架的可用性带来任何本质影响。

    3.3K20
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券