zl程序教程

React Native

  • error: Build input file cannot be found: ‘*******/node_modules/react-native/Libraries/WebSocket/libf

    error: Build input file cannot be found: ‘*******/node_modules/react-native/Libraries/WebSocket/libf

    大家好,又见面了,我是你们的朋友全栈君。 error: Build input file cannot be found: ‘/Users/galahad/Desktop/ziliao/RN和Native交互/react-native-blog-examples/Chapter10-RNInteractionWithNative/RNAddNative/node_modules/react-n

    日期 2023-06-12 10:48:40     
  • React Native android 常见错误和解决方法

    React Native android 常见错误和解决方法

    Unknown argument type 'attribute' in method -[RCTAppState getCurrentAppState:error:]. Extend RCTConvert to support this type.这个 BUG 是 Xcode.11 引起的, 可以查看这个问题的提交记录,链接为:https://github.com/faceb

    日期 2023-06-12 10:48:40     
  • React Native和web交互

    React Native和web交互

    React Native 和 H5 交互//接收来自H5的消息 onMessage = (e) => { Log("WebView onMessage 收到H5参数:", e.nativeEvent.data); let params = e.nativeEvent.data; params = JSON.parse(params); Log("

    日期 2023-06-12 10:48:40     
  • 2020年Flutter和 React Native如何选择

    2020年Flutter和 React Native如何选择

    如果你想要开发一款App,那么选用什么技术一定是你首要考虑的问题。其次采用什么语言也是需要考虑的。是使用Java,还是Kotlin。是使用object-c,还是采用Swift。是原生开发还是混生开发,这些问题都是我们在开发App之前需要深思熟虑的。flutter vs react native如果我们想要进行跨平台开发,那么Flutter和React Native一定是我们最优先考虑的。因为目前看

    日期 2023-06-12 10:48:40     
  • react-native学习笔记

    react-native学习笔记

    环境搭建expo-cli搭建1npm i -g expo-cli 2 3expo init hyl-native复制项目运行1yarn start复制1. apple store下载expo go2. 用相机扫描二维码踩坑 rn的flex布局默认按纵轴 rn用styled-components 在浏览器运行会报错。手机端正常 不可以带单位,可以写百分比 rn的点击事件是onPress

    日期 2023-06-12 10:48:40     
  • React/ReactNative 状态管理: redux-toolkit 如何使用

    React/ReactNative 状态管理: redux-toolkit 如何使用

    有同学反馈开发 ReactNative 应用时状态管理不是很明白,接下来几篇文章我们来对比下 React 及 ReactNative 状态管理常用的几种框架的使用和优缺点。上一篇文章介绍了 redux 的使用,这篇文章我们来看下 redux 的升级版:redux-toolkit。下面是使用 React 和 Redux-Toolkit 创建一个简单的 Todo List App 的代码示例,完整代码

    日期 2023-06-12 10:48:40     
  • React/ReactNative 状态管理终于懂了!redux redux-toolkit 与 rematch 对比总结

    React/ReactNative 状态管理终于懂了!redux redux-toolkit 与 rematch 对比总结

    有同学反馈开发 ReactNative 应用时状态管理不是很明白,这个问题我之前刚接触 React 时也遇到过,看了好多文章和视频才终于明白,不得不说,React 及三方库这方面做的有点过于复杂了!在前面的几篇文章里我们知道了 redux redux-toolkit 和 rematch 如何使用:# React/ReactNative 状态管理: redux 如何使用# React/ReactNa

    日期 2023-06-12 10:48:40     
  • 【Flutter】手机应用类型 ( Android | iOS | Native 应用 | Web 应用 | Hybrid 应用 | ReactNative 应用 | Flutter 应用 )

    【Flutter】手机应用类型 ( Android | iOS | Native 应用 | Web 应用 | Hybrid 应用 | ReactNative 应用 | Flutter 应用 )

    文章目录一、Native 应用二、Web 应用三、Hybrid 应用四、ReactNative 应用五、Flutter 应用一、Native 应用原生应用开发 : Android / iOS , 各自开发本平台的应用 ;Android 使用 Android Studio 开发环境 , Java / Kotlin / C / C++ 语言 , 开发 Android 平台的应用 ;iOS 使用 Xco

    日期 2023-06-12 10:48:40     
  • ReactJS到React-Native,架构原理概述

    ReactJS到React-Native,架构原理概述

    React是一个纯JS的UI库,只能干HTML/CSS/JS 提供的Web服务(新的H5 API不一定支持), React-Native厉害在于它能打通JS和Native Code, 让JS能够调用丰富的原生接口,充分发挥硬件的能力, 实现非常复杂的效果,同时能保证效率和跨平台性。在一定程度上,React Native和NodeJS有异曲同工之妙。它们都是通过扩展JavaScript Engine

    日期 2023-06-12 10:48:40     
  • 移动开发者必备的 React Native 开发工具

    移动开发者必备的 React Native 开发工具

    近几年在大前端的开发领域,选择跨端方案的公司和部门越来越多,曾一何时市面有不下10种跨端框架,但随着“生物进化论”的推动,目前市面上仅剩两种主流方案,就是经常听到的 React Native 和 Flutter。去年终于引来了 React Native 的新版本 0.70.0,开发者也大为振奋。React Native 作为一种跨平台移动应用开发框架,在持续的演进中也不断涌现出新的技术和工具。这些

    日期 2023-06-12 10:48:40     
  • Facebook 开源安卓版 React Native

    Facebook 开源安卓版 React Native

      Facebook 创建了 React JavaScript 库 ,这样,Facebook 的工程团队就可以用相同的代码给 iOS、安卓和网页开发界面了。现在,Facebook 通过开源 React 三部曲 中的最后一部分 安卓版 React Native(React Native For Android),将应用开发的超级力量赋予每个人。 Facebook先是

    日期 2023-06-12 10:48:40     
  • [Web前端]   WEEX、React-Native开发App心得 (转载)

    [Web前端] WEEX、React-Native开发App心得 (转载)

    转自: https://www.jianshu.com/p/139c5074ae5d 2018 JS状态报告: https://2018.stateofjs.com/mobile-and-desktop/react-native/ WEEX、React-Native开发App心得 起因 最近公司准备使用weex或者react-native进行跨平台开发,并不是要做新的ap

    日期 2023-06-12 10:48:40     
  • React Native基础&入门教程:调试React Native应用的一小步

    React Native基础&入门教程:调试React Native应用的一小步

    React Native(以下简称RN)为传统前端开发者打开了一扇新的大门。其中,使用浏览器的调试工具去Debug移动端的代码,无疑是最吸引开发人员的特性之一。 试想一下,当你在手机屏幕按下一个按钮,处理事件的代码就可以立即在浏览器的调试工具里进行断点调试,而且每当你对代码进行修改,界面便可以完成快速地重载,省去昂长的编译时间,这会是多么提高工作效率。

    日期 2023-06-12 10:48:40     
  • React Native 搭建开发环境

    React Native 搭建开发环境

    1.先安装node.js,https://nodejs.org/en/download/     然后,双击下载好的.msi文件安装即可,安装完成后,打开终端,输出npm -v 即可查看我们刚才安装的node.js的版本: 2.安装React Native命令行工具 node.js安装成功之后,接下来我们就可以通过 npm intall 来安装React Nat

    日期 2023-06-12 10:48:40     
  • [React Native] Use the SafeAreaView Component in React Native for iPhone X Compatibility

    [React Native] Use the SafeAreaView Component in React Native for iPhone X Compatibility

    In this lesson, you will learn how to use the SafeAreaView component to avoid the sensor cluster (the notch) and home activity indicator on the iPhone X.   SafeAreaView is similar to t

    日期 2023-06-12 10:48:40     
  • [React Native] Writing Platform-Specific Components for iOS and Android in React Native

    [React Native] Writing Platform-Specific Components for iOS and Android in React Native

    Learn to write components that render differently on iOS and Android, but present the same API. First, we'll use the Platform module to change behavior based on the platform. Then, we'll use the pla

    日期 2023-06-12 10:48:40     
  • [React Native] Build a Github Repositories component

    [React Native] Build a Github Repositories component

    Nav to Repos component from Dashboard.js: goToRepos(){ api.getRepos(this.props.userInfo.login) .then((res)=>{ this.props.navigator.push({

    日期 2023-06-12 10:48:40     
  • React Native开发技术

    React Native开发技术

    http://www.lcode.org/react-native-week-issue22/

    日期 2023-06-12 10:48:40     
  • React/React Native 的ES5 ES6写法对照表

    React/React Native 的ES5 ES6写法对照表

    http://bbs.reactnative.cn/topic/15/react-react-native-%E7%9A%84es5-es6%E5%86%99%E6%B3%95%E5%AF%B9%E7%85%A7%E8%A1%A8

    日期 2023-06-12 10:48:40     
  • React-Native学习指南

    React-Native学习指南

    React-Native学习指南 本指南汇集React-Native各类学习资源,给大家提供便利。指南正在不断的更新,大家有好的资源欢迎Pull Requests! 同时还有Awesome React-Native系列 https://github.com/jondot/awesome-react-native 教程 react-native 官方api文档 http://facebook.

    日期 2023-06-12 10:48:40     
  • [React Native] Reduce Long Import Statements in React Native with Absolute Imports

    [React Native] Reduce Long Import Statements in React Native with Absolute Imports

    In large React Native projects, it’s common to have long relative import paths like: import MyComponent from '../../../screens/MyScreen/MyComponent' With import paths that go up and down the folder

    日期 2023-06-12 10:48:40     
  • [React Native] Using the Image component and reusable styles

    [React Native] Using the Image component and reusable styles

    Let's take a look at the basics of using React Native's Image component, as well as adding some reusable styling to our Dashboard component buttons.   We are going to build Dashboard Component,

    日期 2023-06-12 10:48:40     
  • [React Native] Up and Running

    [React Native] Up and Running

    We'll download the requirements for getting started with React Native, refactor our app to ES6, walk through debugging, and talk about the philosophy behind React and React Native.   Install: b

    日期 2023-06-12 10:48:40     
  • 如何在 React Native 中写一个自定义模块

    如何在 React Native 中写一个自定义模块

    https://my.oschina.net/jpushtech/blog/983230

    日期 2023-06-12 10:48:40     
  • React Native 中 component 生命周期

    React Native 中 component 生命周期

    http://blog.csdn.net/ElinaVampire/article/details/51813677

    日期 2023-06-12 10:48:40     
  • React Native 之flex布局

    React Native 之flex布局

    http://www.tuicool.com/articles/a6Rjmi2

    日期 2023-06-12 10:48:40     
  • windows环境里React-Native运行失败的原因之一,缺少依赖

    windows环境里React-Native运行失败的原因之一,缺少依赖

    命令行react-native run-android遇到如下错误: Could not resolve project :react-native-camera 用下列命令行安装依赖后问题仍旧存在&#

    日期 2023-06-12 10:48:40     
  • 技术实践丨React Native 项目 Web 端同构

    技术实践丨React Native 项目 Web 端同构

    摘要:尽管 React Native 已经进入开源的第 6 个年头,距离发布 1.0 版本依旧是遥遥无期。“Learn once, write anywhere”,完全不影响 React Native 沦为“不会 JavaScript 也能用”的框架,那如何将在 React Native 项目中引入 reac

    日期 2023-06-12 10:48:40     
  • 【React Native开发】React Native控件之ProgressBarAndroid进度条解说(12)

    【React Native开发】React Native控件之ProgressBarAndroid进度条解说(12)

    转载请标明出处:http://blog.csdn.net/developer_jiangqq/article/details/50596367本文出自:【江清清的博客】(一)前言       【好消息】个人站点已经上线执行,后面博客以及技术干货等精彩文章会同步更新。请大家关注收藏:http://www.lcode.org   

    日期 2023-06-12 10:48:40     
  • 记录VSCode开发React Native的一些坑

    记录VSCode开发React Native的一些坑

    当我们点Debug Android时,会弹出以下错误 Could not debug. Unable to set up communication with VSCode react-native extension. Is this a react-native project, and have you made sure that the react-native npm package

    日期 2023-06-12 10:48:40     
  • 通过 react-native-keyboard-aware-scroll-view 解决键盘遮盖输入框的问题

    通过 react-native-keyboard-aware-scroll-view 解决键盘遮盖输入框的问题

    1.安装 yarn add react-native-keyboard-aware-scroll-view 2.引入 import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view' 3.调用 <KeyboardAwareScrollView> <View>

    日期 2023-06-12 10:48:40