wayne214的博客

文章目录背景知识点shrinkWrapphysics完整代码展示(子列表)背景最近在使用Flutter进行业务开发，使用fish-redux进行页面开发中使用了ListView的嵌套，在滑动中会导致竖向滑动冲突。另外还有个问题， listview在使用的时候需要给个高度， 如果需要根据内容显示自适应高度，也需要进行处理，否则就无法展示list列表内容。知识点解决以上两个问题主要用到了Flutter组件Listview的两个属性，分别是：ScrollPhysics physics,bool sh

在软件开发过程中，无论是Android开发还是IOS开发中都有生命周期的概念，比如Android中Activity的生命周期，Fragment的生命周期，iOS中的ViewController也存在生命周期。Flutter中的Widget也存在生命周期，并且是通过State体现的。在Flutter中存在两种生命周期，一个是页面Widget，另一个是App。Flutter宇宙中，一切都是Widget.Widget(State)生命周期。通常是指StatefulWidget这个Widget的生命周期，先

React Native 0.64版本发布了，主要更新内容是在iOS开启支持Hermes。文章目录1.iOS支持Hermes引擎。2.默认启用Inline Requires3.使用Chrome查看Hermes4.Hermes支持代理5.支持React 176.总结1.iOS支持Hermes引擎。Hermes是一个为优化运行React Native而开源的JavaScript引擎。它通过降低内存利用率、减少下载大小和减少应用程序可用或“交互时间”（TTI）所需的时间来提高性能。其实Hermes在之前就

今天调试demo遇到一个问题，使用react-native run-ios命令启动app,在加载bundle的时候，本地package 服务报了如下错误：报错···Error: Unable to resolve module ./debugger-ui/debuggerWorker.js from ``:None of these files exist:debugger-ui/debuggerWorker.js(.native|.native.js|.js|.native.json|.jso

文章目录问题解决方法问题今日在执行项目调试，ios使用pod安装第三方依赖的时候，执行pod install报错：[!] Error installing SensorsAnalyticsSDK[!] /usr/bin/git clone https://github.com/sensorsdata/sa-sdk-ios.git /var/folders/80/2n8k46ln2bdf3xk5dkdf_ddm0000gn/T/d20200824-10173-1tsouho --template=

本期推荐Flutter时间格式化工具Intl文章目录添加依赖安装使用添加依赖dependencies: intl: ^0.16.1安装flutter pub get使用import 'package:intl/intl.dart';String getCurrentTime() { DateTime now = DateTime.now(); var formatter = DateFormat('yy-MM-dd hh:mm:ss'); return fo

打开项目，运行flutter pub get时报错：Waiting for another flutter command to release the startup lock...解决方案：打开flutter的安装目录，找到flutter/bin/cache/lockfile文件，删除即可进入flutter的安装目录，执行命令：rm ./flutter/bin/cache/lockfile。觉得文章不错的，给我点个赞哇，关注一下呗！技术交流可关注微信公众号【君伟说】，加我好友一起探讨

现在跨平台开发技术的发展可谓如火如荼，而跨平台中的双雄则是ReactNative和Flutter。而由Google推出的Flutter目前的发展更可谓是如日中天，大有一统各端开发的架势，以此给大家整理了一个优质的Flutter开源项目，帮助大家学习Flutter开发。1Flutter仿携程App（1）应用截图：（2）实现功能及特性实现首页、搜索、旅拍、我的四大模块；实现网络图片本地缓存；旅拍模块实现瀑布流布局；接口数据抓取携程H5端；集成友盟数据统计；（3）项目结构：依赖：azlis

今天ReactNative官网发布了0.63版本，距离上一个版本0.62已经过了差不多将近4个月的时间了，我在上一篇文章中也提到了0.62的更新内容一篇文章带你了解ReactNative0.62更新内容。此次0.63版本的更新主要是提供了一个LogBox(日志盒子)，一个全新设计的日志系统，方便开发定位开发中遇到的问题，请大家通过本篇文章来了解一下吧。文章目录LogBoxPressable原生平台Color(PlatformColor, DynamicColorIOS)不再支持iOS9及Node.js

https://reactnative.cn/docs/upgrading通过官网提供的Upgrade Helper工具来帮助我们更好的完成升级工作。debug遇到的问题：Unable to resolve module ./debugger-ui/debuggerWorker.js from解决方案：watchman watch-del-allreact-native start --reset-cache...

2020.5.20整理Bilibili开源的视频播放组件,fijkplayr 是基于 ijkplayer 封装的 flutter 媒体播放器，开箱即用，无需编译 ijkplayerfijkplayer加载动画库flutter_spinkit网络请求库,dio是一个强大的Dart Http请求库，支持Restful API、FormData、拦截器、请求取消、Cookie管理、文件上传/下载、超时、自定义适配器等…Dio图片缓存框架cached_network_image轮播组件,flutt

此文章为ReactNavigation导航库5.0版本的第4篇，前几篇系列文章如下：文章目录创建需要的页面创建三个对应的导航器实例创建底部导航路由，采用系列二文章代码堆栈(Stack)与Tab嵌套Stack Navigator, Tab Navigator与Drawer Navigator综合嵌套传递参数嵌套导航的最佳实践其他问题创建需要的页面···// 设置页面const Settin...

首先祝大家五四青年节及五一假期快乐。在前面系列文章中我们了解5.0最新版本堆栈导航和选项卡导航的用法，今天我们来看看抽屉导航的使用方法。文章目录安装使用实现效果Drawer Navigator属性介绍集成出现的问题安装yarn add @react-navigation/drawer使用1.导入对应的组件import { createDrawerNavigator } from '...

在今年的3月26日，FaceBook正式发布了ReactNative最新版本，版本号为0.62。作为一款优秀的开源跨平台开发框架，和对手Google开发的Flutter相比，近一年来的发展可谓进步缓慢，至今尚未发布1.0的正式版本。今天我们来聊一聊最新版本的更新内容。调试工具Flipper本次更新默认支持了Facebook自己研发的跨平台调试工具Flipper,这是一个桌面的应用程序。具体...

本篇是React Navigation 5.0系列的第二篇文章，了解一下APP开发中常见的底部导航菜单的使用，即本文的主角:TabNavigation。本篇文章在React Navigation5.0系列一：StackNavigator的使用此篇文章的基础进行延伸，通过一系列文章构建完整的APP导航框架。安装使用底部导航菜单第一步要先通过如下命令行安装依赖：yarn add @react-n...

前段时间项目时间紧张，ios端因为pod文件冲突，没有使用ios模拟器开发，今天见打算搞一下这个问题。解决过程主要是如下两个步骤：首先删除项目ios目录下的Pods文件夹，然后进入项目的ios 文件，执行命令pod install,等待pod文件安装完成，重新运行模拟器即可。以为这样就完了？我真是Too Young Too Simple。在ReactNative项目根目录运行命令react...

最近已经开始远程办公模式，今天打开公司的ReactNative项目，按照平时的工作习惯，首要要启动苹果的模拟器，使用如下命令react-native run-ios发现报了一个错误：Could not find iPhone X simulator，具体报错截图如下，提示找不到iphone x的模拟器。有些郁闷，因为在之前公司办公电脑上运行项目，启动模拟器一切正常，没有出现此问题。查阅...

2020年2月6日React Navigation通过其博客正式宣布了React Navigation第5个版本，即React Navigation 5.0，其称之为一种新的导航方式。官网博客地址：React Navigation 5.0 - A new way to navigate今天通过本篇文章来一起看一下和之前版本有何不同。文章目录基于配置的组件加入Hooks通过组件更新设置全新的主题...

笔者在这篇文章ReactNative全面屏(Android)适配问题提及了现在的全面屏问题，不仅是Android平台，IOS平台也是，给我的感觉就是手机越来越长了。现在的手机长宽比早就不是之前的16：9了，比如iphoneX 的长宽比为13：6，而现在多数的Android手机都到了19.5：9，有的甚至达到了21：9。基于科技的发展(适配的血泪史),Flutter开发自然也需要注意这个问题。...

最近在学习开发Flutter应用项目，在创建tabbar和tabview后，进行网络请求后显示顶部tab标签，设置TabController,并使class类实现SingleTickerProviderStateMixin，代码如下class _TravelPageState extends State<TravelPage> with SingleTickerProviderSta...

最近原来的老项目有点问题需要处理一下，运行启动命令，就报了如下错误，提示找不到iPhone 6 模拟器。react-native run-iosOwaiss-Mac:pdm owaisahmed$ react-native run-iosFound Xcode project pdm.xcodeprojCould not find iPhone 6 simulatorError: ...

工作中，我们在开发的迭代任务中，会优先完成开发的业务需求，保证产品的各项功能模块稳定正常的上线和迭代。一般情况下，我们通常是根据UI同学的效果图来绘制我们APP的功能UI展示图。比如下面的这个效果图，这是一个卡片上的按钮，点击按钮会将竖向的整条数据进行删除操作。我们正常按照这个效果图，并用代码进行布局UI实现，完成功能开发，没有问题，但是却有一个用户体验的问题。对于提升用户体验，在RN的...

最近在开发项目的需求中，测试同学提了一个bug,在如下页面中，有三个输入框，在iOS手机上，输入完之后，无法隐藏键盘；安卓手机上，键盘都有收起按钮，所以没有这个问题。想到的解决方案：1、让输入框失去焦点，2、点击背景空白位置，监听键盘Keyboard事件，调用dismiss()方法隐藏软键盘。以上两个方案，都需要写一堆代码，忽然想到之前有类似的页面需求，重新review了一下代码，发现只...

开源一个跨端的卡片式设计(Cards)的组件,在Android中是Material Design中有一种很个性的设计概念，在使用React-Native跨平台的开发框架中，卡片样式在IOS平台通过设置View的样式就可以实现类似的效果,比如这样：基于此，此开源组件，在IOS端即采用了RN平台提供的阴影样式属性来实现卡片样式；在Android端采用Android原生support库在V7引入的原生...

笔者简书：https://www.jianshu.com/u/8ba7c349861d， 欢迎大家关注笔者个人网站：https://wayne214.github.io/公众号：君伟说十一假期学习撸了一个小程序，欢迎各位朋友进行关注，代码已经在gitHub上开源：清风天气清风天气2019.11.11更新：react-native-extra-dimensi......

最近在使用ReactNative技术搭建新项目的过程中，在集成神策分析时，在进行IOS端配置的时候Xcode进行build项目的时候遇到如下报错：library not found for -lRNSensorsAnalyticsModule,忘记截图了，用如下这张代替一下甚是烦恼，不知道是咋回事。。。最后找到了原因，是因为在如下libararies中无意添加了一个无效的libRNSenso...

当前项目react-native的版本是0.53.3，因为最近在做一系列性能优化的工作，于是计划升级一下RN的版本，升级至0.56.0。先看一下ReactNative0.56.0版本更新的内容：https://github.com/react-native-community/react-native-releases/blob/master/CHANGELOG.md#056步骤及遇到的问题...

最近公司项目要求进行定时上传位置信息，及埋点，因为使用的是RN开发，一开始就是想到在Android和Ios原生里进行操作。在原生里面实现了定时任务，Android里面使用的是broadcastReceive + service + timer实现了。现在需要生成一个日志文件，一开始想在原生里面进行实现文件的读写。后来查找相关资料，发现了一个不错的第三方插件，react-native-fs，现在...