Native开发日记
关注
分享
扫一扫
RN和Flutter
eswang
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
yarn安装electron失败的问题
前言最近胖哥开始发力electron，趁上午不是那么想做题于是跟着研究了一下，结果安装就成了个问题。问题描述首先使用:yarn add electrontyarn add electron得到的结果一样，并没有报错，但是只要检测electron版本就会报：❯ npx electron -vElectron failed to install correctly, please d...原创 2020-02-09 14:16:37 · 8486 阅读 · 0 评论 -
重构自己RN项目时想说的几个点
前言马上过年了，这篇文章主要谈谈重构自己做的React Native应用。当然除了RN的部分，还有博客上线自己使用和周围人使用过程中出现的几个问题。RN UI库要说React Native厉不厉害，当然厉害，8万的星能不厉害么；要说它有没有前途，当然有前途，不然FB为什么每年都把RN放在非常重要的位置，去年甚至要全面重构；要说要不要现在学？这个就有待商榷了，因为就目前来看，你想做移动端，无论...原创 2020-01-23 18:15:24 · 550 阅读 · 0 评论 -
Flutter环境配置及问题解决
前言尝鲜Flutter最大的拦路虎还是配置，即使根据掘金小册上面来，还有存在一系列问题，今天我们就来聊聊Flutter的环境配置问题。AS和VsCode首先需要安装的有Java，Android Studio，同时推荐使用VsCode进行开发，毕竟轻量又好用。好多人说先要配置Flutter中国镜像，因为我还没有尝试进一步开发下载插件等，不知道到底需要么，目前使用梯子没啥问题：Flutter...原创 2020-01-17 10:23:02 · 4638 阅读 · 0 评论 -
关于Taro编译时EBUSY报错的分析
前言因为alipay的小程序的提示比weapp做的要好一点，以至于我在微信端都没发现写错的一个组件在alipay的客户端报错，然而一开始没有搞明白，还以为是两端代码不兼容导致编译失败的问题，于是折腾了好久，错误不但没解决，反而又加了新的错误。描述(node:4100) UnhandledPromiseRejectionWarning: Error: EBUSY: resource busy ...原创 2019-12-27 00:11:57 · 724 阅读 · 1 评论 -
我在使用 Taro 时遇到的问题(3)
前言继续这个系列，当初我在开发RN应用时没有好好的对比RN和React的不同，确实导致了一些问题，所以在使用Taro时，先比较一下他们的差异是非常有必要的。样式首先是几个不能在小程序端使用的规则：ID选择器是不准使用的，只能使用类似React中className相同的类选择器；子类选择器也是不能用的：View Text {}即使是这种你觉得理所应当的东西。属性选择器同样是不行的。...原创 2019-12-26 22:01:44 · 1478 阅读 · 0 评论 -
我在使用 Taro 时遇到的问题(2)
前言小程序还是不得不捡起来地说。。。Taro还是最合适的说。。。默认模板中app.jsx的一些问题关于taro框架，通过脚手架初始化时，生成的文件目录如下：注意的是，components文件夹是我后来生成的，我们需要注意的是app.jsx的内容：import Taro, { Component } from "@tarojs/taro";import Home from "./pa...原创 2019-12-26 16:58:17 · 1913 阅读 · 0 评论 -
关于RN安装react-native-webview, 或者react-largelist报权限错误的问题解决
前言如题错误代码ERROR EPERM: operation not permitted, lstat '...\.idea\workspace.xml___jb_old___'{"errno":-4048,"code":"EPERM","syscall":"lstat","path":"...\.idea\\workspace.xml___jb_old___"}Error: EPER...原创 2019-11-27 10:47:03 · 1184 阅读 · 5 评论 -
关于RN本地存储组件的选择
前言目前做的项目其实不需要本地存储也可以，但是一方面想试一下这个功能，一方面本地存储确实有他的好处，于是开始了艰难的踩坑之旅。对于RN来说，可能是现在做的人少了些，一些重要的资料还都是两年前的，某课上美其名曰升级到最新0.6x的课程，也并没有对它旧的RN项目进行大改，用的还都是如今官方已经废弃的组件，实在是良心。在这样的情况下，踩坑一些废弃的插件就变得不可避免了，好在我个人使用过程中像rn-...原创 2019-11-27 03:55:22 · 918 阅读 · 0 评论 -
关于RN找不到变量的坑
前言每一个新手都会遇到这个错误，然后随便查查解决掉，苦笑自己竟然忘了这么简单的问题，然后下一次继续踩坑，三四回后终于长记性了，渐渐的忘记了这个错误，直到某天莫名其妙的又遇到。分析其实也没啥好分析的，这个错误的出现要不是你没有引用某个组件就使用了，要不就是你没有引用React，或者写错了引用的名字。。。于是我也抱着自己又哪里粗心大意的心境来去检查到底哪儿犯错了，我的组件是这样写的：cons...原创 2019-11-26 08:37:53 · 389 阅读 · 0 评论 -
关于react-native-storage运行报错的， 和RN Navigation的布局问题
前言react-native-storage是基于RN官方推荐的AsyncStorage的封装，RN中文官方推荐使用这个，我个人来讲也是为了能快速把自己要的东西做出来，于是就使用了这个库，不想遇到了一些问题。问题描述在index.js写好Storage的配置之后，在副作用函数中初始化Storage，然后启动：FAILURE: Build failed with an exception....原创 2019-11-24 08:05:03 · 629 阅读 · 0 评论 -
React Native 使用useEffect启动的启动页插件
前言启动页可谓是手机App上很重要的一部分了，目前RN的App启动页插件大部分都是react-native-splash-screen，这个插件确实很不错，但是也是有一些问题存在的，首先这个插件会存在跳屏时白屏的问题，再有就是它的issue区存在不少问题，而且好久没有任何更新了，相比起来，react-native-bootsplash我觉得做的就很好。安装配置之所以选择这个插件的原因就是根据...原创 2019-11-22 08:37:39 · 2240 阅读 · 0 评论 -
RN高性能列表Flatlist与Hooks的结合使用
前言手机上的触摸，滑动操作总是比web端来的要复杂一些，对于RN来说，高性能列表的发展已经渐趋成熟，现在Flatlist已经成了官方文档中推荐的列表加载模式，但是如何讲reack hooks与Flatlist想结合使用还没有非常好的方案，于是我遇到了这个问题。问题描述简单的说就是Flatlist不会更新的问题，先看一段代码：import React, {useState} from 're...原创 2019-11-21 08:06:55 · 1135 阅读 · 0 评论 -
关闭ADB检查以及React Native Paper的使用
前言使用RN时不知道你的手机是不是也要每次连接PC都要进行应用更新的检查，我使用的Mate20每次都要手动的去点击检查确认，即使开启了所谓的“允许从外部未知来源安装应用”，华为也会贴心的提示你应该把这个选项关闭，实在是够好玩的。同时本文还会介绍一个用起来很不错的Material Design风格的UI库，对于RN来说，我因为接触不太多，尽量选择的都是官方推荐的，React Native Pap...原创 2019-11-20 06:43:57 · 711 阅读 · 0 评论 -
关于如何使用Hooks写法编写React Navigation
前言由于之前所讲的使用React Navigation，即使使用函数组件，有部分语法使用的还是类似类组件的功能，所以今天整理一下React Navigation推出的几个Hooks写法，讲一下如何使用它们来修改之前的内容。useNavigation...原创 2019-11-20 10:36:07 · 1888 阅读 · 0 评论 -
关于 React-Native yarn start 时报无效的正则表达式错误的问题
前言问题描述：Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class....原创 2019-11-19 23:17:34 · 2710 阅读 · 1 评论 -
React Navigation 5.x Stack的用法及Bottom-Tab，Drawer的Demo
前言生命周期对于Hooks写法，生命周期方法要简单些，但是注意的是，如果我们要在RN中使用useEffect的话，我们需要将事件发送给订阅了他们页面组件。写法上会有些麻烦，因此@react-navigation/core 提供了useFocusEffect 钩子，可以让我们更加方便的书写，demo如下：useFocusEffect( useCallback(() => { ...原创 2019-11-19 07:10:31 · 2681 阅读 · 0 评论 -
RN布局，React Navigation4.x和5.0-alpha
前言受掘金的首页启发，想在手机上也搞一个可以查看最新的GitHub趋势和流行的界面，一开始在使用Taro或者RN上犹豫不决，因为使用Taro的话也可以编译成RN，可谓是美滋滋了，何况RN现在被Flutter稳压一头，实在给不出自己不用小程序做的理由。嗯。。。那为什么选择了RN呢，其实也很简单，就是想学，没了。布局首先RN选择了默认的FlexBox布局，但是同CSS中的不同，RN的FlexB...原创 2019-11-19 02:55:48 · 724 阅读 · 0 评论 -
我在使用 Taro 时遇到的问题(1)
前言可能是因为自己基础不牢固，或者是Taro的文档确实有些难找的原因，我在构建相对比较简单的Taro应用时还是遇到了很多的坑，在这里记录下来，也是提醒自己应该再多多研究一下ES6和Typescript，毕竟这是真的基础呀。config关于 taro.config 的问题，在类组件中，我们可以直接在类里面写config，因为与原生React 不同的是Taro还是有一些...原创 2019-11-05 23:22:39 · 6557 阅读 · 0 评论 -
带你认识你没见过的 React Native
前言关于React Native，很多人觉得在Flutter如此火热的今天，已经渐渐式微了，也有很多人从一开始就不看好这种一次开发多端部署的形式，事实证明，目前的RN确实还存在一些问题，也确实不一定会带来工作量减少的好处，但是毋庸置疑的是，随着React的继续火热，RN也从没有被FB放弃，我们也应该看到这种可能性，说他不伟大是不可能的，那么为何补继续做下去呢？何况React还有360（手动狗头...原创 2019-10-29 06:53:33 · 207 阅读 · 0 评论