最近使用react-native参与开发了个应用,记录下其中踩的一些坑。本人使用的是mac电脑进行开发,本文仅对此平台进
原创
2022-08-09 14:35:56
131阅读
这个错误的原因一般是render中return的内容写错了,如下面这样缩进不对就会报错修改后:
原创
2022-07-08 20:02:58
128阅读
1. 在使用reacthook-useEffect的坑 业务需要在组件渲染开始进行浏览器后退事件,使用window.addEventListener ‘popstate’ 事件,本想着利用 useEffect的特性,在返回的箭头函数中 使用 window.removeEventListene ...
转载
2021-07-16 15:25:00
526阅读
2评论
"--no-jetifier" flag.Jetifier found 896 file(s) to forward-jetify. Using 4 workers...info Starting JS server...info Installing the app...Checking the ...
转载
2021-07-20 21:44:00
476阅读
2评论
作者:苏木团队:增长中心前言:React Hooks被越来越多的人认可,整个社区都以积极的态度去拥抱它。在最近的一段时间笔者也开始在一些项目中尝试去使用React Hooks。原本以为React Hooks很简单,和类组件差不多,看看API就能用起来了。结果在使用中遇到了各种各样的坑,通过阅读React Hooks相关的文章发现React Hooks和类组件有很多不同。由此,想和大家做一些分享。如
原创
2021-05-02 20:02:58
320阅读
ReactHooks踩坑分享有赞技术有赞coder前言:ReactHooks被越来越多的人认可,整个社区都以积极的态度去拥抱它。在最近的一段时间笔者也开始在一些项目中尝试去使用ReactHooks。原本以为ReactHooks很简单,和类组件差不多,看看API就能用起来了。结果在使用中遇到了各种各样的坑,通过阅读ReactHooks相关的文章发现ReactHooks和类组件有很多不同。由此,想和大
原创
2021-04-28 23:12:40
486阅读
React Native 填坑一
关于RN的布局
分为主轴和交叉轴, 主轴可以是横向也可以是竖向,交叉轴也是对应的。
主轴默认是竖向。如果要更改用flexdirection
主轴对齐方式:justifyContent
交叉轴对齐方式:alignItems
问题1. 横向排列居中对齐
要改主轴的方向
flexDirection:"row",justifyContent:"center"}
问2.
转载
2018-07-19 09:37:00
117阅读
2评论
1.react 基础 (创建组件及在浏览器上渲染组件) 2.设置组件样式 3.复合组件 4.props 传值 5.state管理 及 事件绑定 6.react 生命周期 7.index.android.js 详解 .
转载
2017-07-09 09:15:00
91阅读
2评论
1.项目中新加入组件,应执行npm install命令
2.项目执行react-native run-android 报错,应进入android目录,执行gradlew.bat clean命令
3.ListView引用函数,应先在构造器中进行this绑定
constructor(props) {
this.renderItem = this.renderI
转载
2016-06-04 14:24:00
296阅读
2评论
这里使用的是4.31版本的react router dom 直接使用以下代码即可实现路由跳转 这里有324.57GB的修仙资料。嘿嘿嘿你懂得。/手动狗头 那么问题来了,如果你也想入坑前端或者学习更多技术,广交天下朋友(基友),认识更多有趣的灵魂的话,欢迎加入前端交流群鸭~ 扫二维码加为好友就完事了!
转载
2019-02-23 14:16:00
271阅读
2评论
这里使用的是4.31版本的react-rou...
转载
2019-01-21 10:58:00
125阅读
2评论
React中Ref 的使用 React v16.6.3 在典型的React数据流中,props是父组件与其子组件交互的唯一方式。要修改子项,请使用new props 重新呈现它。但是,在某些情况下,需要在典型数据流之外强制修改子项。要修改的子项可以是React组件的实例,也可以是DOM元素。对于这两
转载
2020-04-20 23:26:00
590阅读
2评论
In this lesson you will learn how create a re-usable component that gives the user the ability to dismiss the keyboard whenever they tap outside of a
转载
2018-01-15 00:55:00
546阅读
2评论
React-Native新架构:ReactNative宣布在2018年宣布对架构进行重要调整,此时正式Flutter面世。(2018.2.27-世界移动大会发布Fluuter)。而React-Native是在2015发布。以下是重构前的React-Native运行方式: 如图所示,RN结构四大核心部分:React代码部分,由代码翻译过来的JavaScript部分,一系列统称为“桥”的部分,以及
转载
2023-11-23 17:32:27
171阅读
作者 | Kureev Alexey 2015 年,React Native 为跨平台移动开发带来了一种声明式组件方法。不久,这种面向组件的理念扩展到了类似的框架。现在,借助 SwiftUI 和 Jetpack Compose,这种声明式方法也可以在 native 平台上实现了。SwiftUI 是一个 UI 框架,它将声明式组件方法引入到包括 iOS,macOS 和 watchOS 在内
转载
2023-11-13 09:17:04
256阅读
一、简言在软件开发中,不论是Web还是App,它们的应用程序都是由很多的功能视图组成的。对于这些组合的视图,如何实现页面间平滑地过渡,应用都有统一的一套跳转机制,这个功能就是路由或者叫导航。应用程序通过导航,可以自由地实现页面之间的切换、前进和后退。在React中使用的是React Router,在iOS中使用的是UIKit的导航视图UINavigation和导航控制器。而在React-Nativ
转载
2024-05-18 22:24:15
197阅读
3年前我在windows平台安装过React Native,我一直都记忆犹新,那个时候facebook刚推出支持安卓,然后花了一天的时间在自己的window电脑上配置好了,还是很兴奋的,安装博客地址如下Android之Windows下搭建React Native Android开发环境(差不多搞了一天)现在我的开发环境是ubuntu,所以需要在这个平台安装react native,遇到的坑如下问题
原创
2022-03-08 11:38:05
101阅读
3年前我在windows平台安装过React Native,我一直都记忆犹
原创
2021-08-12 16:42:07
107阅读