本文主要介绍 React-Native 的实际使用经验,对于想要快速入门的同学是有帮助的。作者 | 佐玉 1、整体介绍首先说, React-Native 用来做什么?传统的开发中,按照平台划分为 iOS , Android , Windows 和 Mac 。其中,随着移动设备的使用移动端应用的开发也越来越多。传统上 iOS 应用使用 Xcode 工具、 Objective-C 和 Swift 语言
2015年9月15日,Facebook发布了 React Native for Android,把 Web 和原生平台的 JavaScript 开发技术扩展到了 Google 的流行移动平台。什么是React NativeReact Native 让开发者使用 JavaScript 和 React 编写应用,利用相同的核心代码就可以创建 Web,iOS 和 Android 平台的原生应用。Reac
转载 2023-12-21 19:38:26
119阅读
在 App 中,渲染 html 是一个非常常见的功能,有可能是直接渲染 html 字符串或者是通过 URL 渲染远程 HTML页面。react Native 提供了一个 WebView 组件以供我们实现 HTML 的渲染。 早先 WebView 是在 react Native 核心包中,后来为了减小
转载 2020-11-22 19:29:00
768阅读
2评论
近几年在大前端的开发领域,选择跨端方案的公司和部门越来越多,曾一何时市面有不下10种跨端框架,但随着“生物进化论”的推动,目前市面上仅剩两种主流方案,就是经常听到的 React Native 和 Flutter。去年终于引来了 React Native 的新版本 0.70.0,开发者也大为振奋。React Native 作为一种跨平台移动应用开发框架,在持续的演进中也不断涌现出新的技术和工具。这些
前端
原创 2023-02-12 09:57:00
95阅读
前端
原创 2023-02-12 09:57:06
73阅读
原创 2022-12-03 06:37:33
126阅读
原创 2022-12-03 06:37:58
120阅读
前言 TypeScript作为JavaScript的一个富类型扩展语言,深受代码风格严谨的前端开发者欢迎。但在react-native下,因为packager的配置困难,使用TypeScript一直是个麻烦的选择。 网上的大部分方案,甚至微软的官方方案都是启动两个进程,一个进程将typescript
转载 2020-06-21 20:01:00
530阅读
2评论
# React Native使用TypeScript React Native 是一个基于 React 的跨平台移动应用开发框架,而 TypeScript 是 JavaScript 的超集,提供了静态类型检查和更好的代码提示。结合 React Native 和 TypeScript,能够提高开发效率和代码质量。在本篇文章中,我们将介绍如何在 React Native 项目中使用 TypeScri
原创 2024-04-23 04:55:18
86阅读
# React Native使用Axios ## 简介 在React Native中,我们可以使用Axios库来进行网络请求。Axios是一个基于Promise的HTTP客户端,可以在浏览器和Node.js中使用。它支持各种HTTP请求方法,如GET、POST、PUT、DELETE等,并提供了丰富的配置选项。 本文将向你介绍如何在React Native使用Axios库来进行网络请求。
原创 2023-12-24 06:50:25
292阅读
  入门 在构建移动应用程序之前,建议您花一些时间来规划应用程序如何处理导航和路由。 在本模块中,我们将介绍可用的不同导航技术。 首先,让我们设置项目。 我们将为此使用react native CLI工具 。 如果尚未安装,请键入第一行,否则,请跳过第一条命令。 接下来,我们将导航到新的项目目录,并通过运行以下命令来运行项目以查看一切是否正常。 之后,我们将安装在应用程
 参考视频教程资料:   React+TypeScript高仿AntDesign开发企业级UI组件库 : (http://www.notescloud.top/goods/detail/1208)<http://www.notescloud.top/goods/detail/1208  React服务器渲染原理解析与实
it
转载 2021-08-29 15:18:15
863阅读
使用 React Native 开发移动应用时,需要通过网络请求与后端进行数据交互,而 Axios 是一个常用的 HTTP 客户端。最近,在使用 Axios 时,我遇到了一些问题,因此我决定将解决过程记录下来,以帮助那些在 React Native使用 Axios 的开发者。 ### 问题背景 在我的应用中,我需要通过 API 获取用户数据,任何网络请求的失败都会严重影响到应用的用户体验。
原创 5月前
69阅读
React Native 使用 RouterReactNative 使用 Router https://github.com/react-navigation/react-navigation需要先
原创 2022-06-30 11:30:00
529阅读
React Native 结合 TypeScript 使用,为移动应用开发带来了类型安全、更好的代码可维护性和开发效率的提升。TypeScript 作为一种静态类型的 JavaScript 超集,它在不牺牲 JavaScript 灵活性的同时,提供了编译时的类型检查,帮助开发者提前发现潜在错误。本文将深入探讨如何在 React Native 应用中集成并充分利用 TypeScript 的特性,通过
原创 精选 2024-05-04 11:09:13
281阅读
使用 React Native 时,依赖于 Axios 进行 API 调用的场景非常普遍。本文将详细记录如何在 React Native 环境中使用 Axios,从环境配置到性能对比以及常见错误集锦,力求给大家一个全面的解决方案。 ### 环境配置 在开始之前,我们需要确保我们的开发环境配置正确,这里有一个简单的步骤。确保你已经安装了 Node.js 和 npm,然后可以通过以下命令安装 R
原创 5月前
40阅读
先看个示例代码如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>svg-viewbox</title> <style> body { text-align: center; } svg { margin-top: 100
转载 2024-10-01 12:48:53
32阅读
公司要求使用RN开发项目,之前了解过一直没有写过,因网络上大量错误及不相关信息,此博客只记录最开始的配置及运行,不涉及太多代码。本篇基于已配置好RN环境,即npm命令可用,若没有搭建请移步:https://reactnative.cn/docs/0.47/getting-started.html环境:MacOS + Android Studio3.0 + gradle3.0.01.Android
转载 2024-08-14 11:49:05
97阅读
React Native之真机调试与离线包方式——iOS开发(一)前言这篇文章讲解以下关于React Native中iOS开发的常见调试方式以及离线包开发方式。做过iOS开发的同学都知道,iOS开发真机调试需要注册苹果开发者账号,自从XCode7之后,iOS开发者不需要付费就可以在真机上调试程序。所以,要真机调试,只需要两步:1. 注册成为苹果开发者;2. 下载XCode7 或者以上版本的IDE.
转载 2024-01-27 21:16:16
112阅读
  • 1
  • 2
  • 3
  • 4
  • 5