- 博客(56)
- 收藏
- 关注
RSS订阅原创 View State but received class androidx.recyclerview.widget.RecyclerView$SavedState instead same id
记一次id重复引发的闪退。 java.lang.IllegalArgumentException: Wrong state class, expecting View State but received class androidx.recyclerview.widget.RecyclerView$SavedState instead. This usually happens when two views of different type have the same id in the sa
2022-01-27 13:17:09
3419
原创 androidx出现Manifest merger failed with multiple errors, see logs
记录个小知识点androidx在迁移过程中，遇到三方库用的是不是androidx，需要把android.useAndroidX=trueandroid.enableJetifier=false但是在合并过程中出现：Manifest merger failed with multiple errors, see logs一、使用命令行运行：gradle :app:processDe...
2019-03-14 19:30:51
1920
原创 flutter实现可缩放可拖拽双击放大的图片功能
### flutter_drag_scale```可缩放可拖拽的功能，可实现图片或者其他widget的缩放已经拖拽并支持双击放大的功能```我们知道官方提供了双击缩放，但是不支持拖拽的功能，我们要实现向百度地图那样可以缩放又可以拖拽的功能，官方的方法就不支持了。下面先演示下功能：参数只有两个：1、child ，是一个widget，可以是图片或者任意的widget2、do...
2019-02-19 21:25:34
4800
原创 flutter seekbar 可拖拽可点击的进度条
flutter seekbarwechat ：674668211 加微信进flutter微信群掘金： https://juejin.im/user/581206302f301e005c60cd2f简书：https://www.jianshu.com/u/4a5dce56807bcsdn：https://me.csdn.net/liu__520github : https://github...
2018-12-18 22:30:08
5809
原创 flutter跑马灯
flutter_marqueeflutter 插件flutter 跑马灯可以指定跑马灯的方向可以传入数组，可以是自定义的widget可以控制跑马灯的时间间隔控制点击事件等等效果图githttps://github.com/LiuC520/flutter_marquee引入:dependencies: flutter: sdk: flutter flutte...
2018-12-07 00:42:35
872
原创 flutter根据给定宽度自适应缩放字体大小
flutterautotextflutter 插件https://github.com/LiuC520/flutterautotext根据宽度自动缩放字体属性： text , //String 要显示的文字 width</font> , //doule 指定text的父容器的宽度，必须制定宽度minTextSize , //double 最小的字...
2018-11-29 23:03:44
4733
原创 flutter 自定义tab导航-顶部导航-底部导航
目录flutter_custom_bottom_tab_bar官方的tab导航，tabbar无法改变宽高，因此无法自定义TabContainerEachTabExampleflutter_custom_bottom_tab_bar和另外一个bottom_tab_bar的区别：https://github.com/LiuC520/flutter_bottom_tab_barbottom_ta...
2018-11-16 14:31:04
4186
原创 flutter 带未读消息的底部导航
目录**[flutter_bottom_tab_bar](https://github.com/LiuC520/flutter_bottom_tab_bar)**items : ```List```onTap : ```ValueChanged```currentIndex : ```int```type : ```BottomTabBarType ```fixedColor : ```C...
2018-11-16 14:30:10
6454
2
原创 flutter布局-10-SliverAppBar随内容一起滑动的头部
目录MaterialApp先看下上图的具体用法1. title：标题2. actions：表示右侧的按钮的动作3. leading：表示左侧的按钮的动作4. flexibleSpace：5. backgroundColor: Colors.red,6. elevation: 10, //阴影的高度7.automaticallyImplyLeading: true,8.brightness ：状态栏...
2018-11-11 13:11:59
4953
原创 flutter布局-9-appbar导航栏和状态栏
目录MaterialApp先看下上图的具体用法1. title：标题2. actions：表示右侧的按钮的动作3. leading：表示左侧的按钮的动作4. flexibleSpace：5. backgroundColor: Colors.red, //导航栏和状态栏的的颜色6. elevation: 10, //阴影的高度7.bottom :导航栏下面显示的widget8.brightness ...
2018-11-11 09:26:52
8235
原创 flutter布局-8-animated_icons动画图片
目录MaterialApp动画icons具体使用方法示例 github：flutterlayout https://github.com/LiuC520/flutterlayoutMaterialApp连载：flutter布局-1-column连载：flutter布局-2-row连载：flutter布局-3-center连载：flutter布局-4-container连载：[flut...
2018-11-11 09:26:11
1485
原创 flutter布局-7-About对话框
目录MaterialApp示例 github：flutterlayout https://github.com/LiuC520/flutterlayoutMaterialApp连载：flutter布局-1-column连载：flutter布局-2-row连载：flutter布局-3-center连载：flutter布局-4-container连载：[flutter布局-5-Matri...
2018-11-11 09:25:08
1014
原创 flutter布局-6-MaterialApp
目录MaterialApp1、home：主页面2、routes：路由3、initialRoute: '/',初始路由4、onGenerateRoute: 生成路由5、onUnknownRoute: 未知路由6、navigatorObservers: 导航观察者7、builder: widget8、title:任务管理器显示的标题9、onGenerateTitle: 生成任务管理器显示的标题10、 ...
2018-11-08 19:47:38
345
原创 flutter布局-5-Matrix4矩阵变换
目录Matrix4矩阵变化1、scale：缩放比例 transform: Matrix4.diagonal3Values(2, 10, 1),2、transform: 移动3、rotationZ：绕Z轴旋转4、rotationX：绕X轴旋转5、rotationY：绕Y轴旋转6、columns：设置一个新的矩阵7、compose：复合平移、旋转、缩放，形成新的状态8、copy：复制一个4*4的张量(...
2018-11-07 00:48:58
3318
原创 flutter布局-4-container
目录Container 容器1、alignment：对齐方式 Alignment2、padding: 内边距 margin：外边距 这两个一起讲了，具体的用法取值如下：3、color：颜色4、width：宽，height：高，不用讲了5、decoration：装饰的东东，具体的参数如下：6、foregroundDecoration: 同上面的Decoration一样，7、constraints：约...
2018-11-05 00:59:11
3275
原创 flutter布局-3-center
目录Center 居中的布局1、widthFactor：宽度因子2、heightFactor:高度因子Center 居中的布局连载：flutter布局-1-column连载：flutter布局-2-row只能有一个chlid，但是可以用container包含好多子child，继承自Align。用于将其子项与其自身对齐，并根据子级的大小自行调整大小。如果它的尺寸受到约束且[widthFa...
2018-11-04 16:47:57
1238
原创 flutter布局-2-row
目录Row1、mainAxisAlignment：主轴布局方式，row主轴方向是水平方向2、crossAxisAlignment: 交叉轴的布局方式，对于row来说就是垂直方向的布局方式3、textBaseline：字体的基线（基线这东西一直没搞懂，具体详见下一章Row，效果更明显，垂直方向没啥用，不明显）4、textDirection：文字布局方向5、verticalDirection：就是字c...
2018-11-04 14:39:21
426
1
原创 flutter布局-1-column
目录Column1、mainAxisAlignment：主轴布局方式，column主轴方向是垂直的方向2、crossAxisAlignment: 交叉轴的布局方式，对于column来说就是水平方向的布局方式3、textBaseline：字体的基线（基线这东西一直没搞懂，具体详见下一章Row，效果更明显，垂直方向没啥用，不明显）4、textDirection：文字布局方向5、verticalDire...
2018-11-04 13:53:56
1200
原创 react 360中文网改版
各位童鞋好！ 鉴于react vr已经改名为react 360，react vr中文网也更改为react 360中文网， 原网址地址不变，依旧是：www.vr-react.com虽然很多原来的组件没有在文档中体现，但是原来的文档我还没有删掉哦，好多组件在源文档中是有体现的。 源文档的地址如下： react vr中文网：http://www.vr-react.com/oldind...
2018-07-16 00:39:27
775
1
原创 在react 360中显示pdf
react vr中文网：www.vr-react.comreact vr qq群：481244084示例源码 github：https://github.com/LiuC520/react_vr_pdf/如何在react 360中显示pdf原理： 因为整个react 360就是在threejs的基础之上来的，属于webvr的一种，所以可以用渲染纹理的方式展示pdf，首先可以用...
2018-06-11 21:16:55
670
原创 react 360消息传递原理解析
react vr中文网：www.vr-react.comreact vr qq群：481244084示例源码 github：https://github.com/LiuC520/ReactVR/ 早起react 360是叫react vr的，后来facebook改成了react 360，原来的好多东西包括原理和模块都重写了，原来介绍了react vr 消息传递原理，里面有些原理已经修改了...
2018-05-28 23:49:13
477
1
原创 react-router在react-vr中的应用
react vr中文网：www.vr-react.comreact vr的导航一直很少有人去做，场景的切换一般都采用简单的state管理，也就是点击vrbutton改变state的值，切换新的场景，同时我们也可以用react上的路由来进行路由的导航，此处介绍react-router在react-vr中的应用。 react-router在react-vr中的应用：https://github....
2018-04-24 22:42:52
267
原创 react native万能公用组件
项目中总是会用到很多公共的组件，样式就跟设置里面的单个item很像，本项目就是打造一个公共的万能组件 项目中有两个文件，一个是公用组件，一个是字体大小适配你可以自定义各种组件哦！具体代码请参考：https://github.com/LiuC520/react-native-public-componentreact native万能公用组件使用说明npm install --save react-...
2018-04-10 21:13:21
471
原创 react vr禁用手机陀螺仪的方法
react vr中文网：www.vr-react.comreact vr qq群：481244084示例源码 github：https://github.com/LiuC520/ReactVR/现在的react vr(1.4.0以前）还不支持带触摸屏而不带陀螺仪的电脑哦。鉴于最近有人需要禁用手机的陀螺仪，让react vr能不跟着手机的旋转而旋转，只需要滑动手机
2017-08-16 20:58:23
5279
1
原创 react vr 消息传递原理解析
react vr中文网：www.vr-react.comreact vr qq群：481244084示例源码 github：https://github.com/LiuC520/ReactVR/上一篇讲解了react vr原理：简书-react vr原理解析：http://www.jianshu.com/p/0d65456909d4csdn-react
2017-08-11 19:21:42
736
原创 react vr 原理解析
react vr中文网：www.vr-react.comreact vr qq群：481244084示例源码 github：https://github.com/LiuC520/ReactVR/今天就react vr的原理讲解下： 主要内容有：react vr的加载始末、通信原理、组件的加载等等。建议大家结合本文章对比源码进行翻阅，希望能帮助您了解react vr的原理
2017-08-10 18:50:45
1806
原创 react vr 组件之LiveEnvCamera的使用方法
react vr中文网：www.vr-react.comqq群：481244084源码 github：https://github.com/LiuC520/ReactVR/今天来讲下react vr的一个组件的使用：LiveEnvCamera这是一个新的组件，相信大多数人都不会用，而且在谷歌浏览器上还会报错，ConstraintNotSatisfiedError
2017-08-07 19:52:47
1413
1
原创 用react vr重写threejs示例
react vr中文网：www.vr-react.comqq群：481244084源码 github：https://github.com/LiuC520/ReactVR/tree/master/examples/threejs示例不段更新中调试安装步骤：首先进入threejs文件下面的具体示例中，然后打开命令输入：npm install ,安装完毕，需要修改thr
2017-08-05 11:17:32
2112
原创 react vr 视频(video)源码解析
react vr中文网：www.vr-react.com因为react vr的视频组件Video组件在手机上播放视频会全屏，所以前面我写了篇文章解决此事：解决react vr视频在微信和浏览器上全屏的问题；这里我再介绍下video的源码，希望能帮助到您，此篇文章较长，建议对着源码和本篇文章来阅读，否则会晕晕乎乎的哦，就像蜘蛛网一样的，首先看下下图：rea
2017-08-03 14:16:56
89174
1
原创 解决react vr加载js模型失败的问题
react vr中文网：www.vr-react.com截止本文发稿时，react vr 的版本是1.4.0，而three.js的版本是0.80.1，具体如下：如果你要是在client.js中加载自己用maya或者3dmax导出的js模型，会报错，报错，报错如下：这是因为0.80.1版本的three.js有问题，导入资源有
2017-07-31 17:16:08
848
原创 解决react vr视频在微信和浏览器上全屏的问题
react vr中文网：www.vr-react.com今天介绍下如何用react vr在手机上自动播放视频，不让视频在ios设备上全屏，也可以直接在微信和其他浏览器内部播放。首先官方自带组件video，可以播放视频，但是用我的iphone播放时，视频哗一下全屏了，在微信里面和各种浏览器里面都是如此，我想要的效果是在vr内部播放，随着我移动手机，视频也会移动，这样才符合我们正常的使
2017-07-31 14:28:37
2559
原创 react vr消息传递
react vr中文网：react vr中文网--www.vr-react.com有时间我们需要在react vr 和client之间进行通信，举个例子，鼠标点击了某个物体，需要改变相机的镜头，截止目前为止，react-vr的版本是1.2.0，相机的操作还都是在原生threejs里面进行的，也就是在react vr目录下面的client.js文件里面操作，而要实现这两个的通信，就需要用
2017-06-30 16:11:25
777
原创 react vr通过鼠标滚轮放大缩小场景
react vr中文网：react vr中文网--www.vr-react.com熟悉three.js的同学都知道，如果要实现鼠标滚动，只需要引入TrackballControls.js，就可以控制物体距离的远近了，controls = new THREE.TrackballControls( camera , renderer.domElement);contro
2017-06-30 15:42:00
2128
原创 如何在react vr中使用中文
react vr终于支持中文显示了，最开始的几个版本是不支持中文的，如要使用中文，需要自己生成中文模板，这个还是比较复杂的。现在直接可以使用了，但是在我们新建的项目中，是没有中文字体，下面我就把字体放到网站上（www.vr-react.com），供大家下载，使用方法在下面会列出来的。一、字体下载地址：http://www.vr-react.com/example/fon
2017-05-22 11:23:55
1920
原创 react vr
官方给了几个例子，有些人运行不起来，这里我已经打包好了，并且放到了react vr中文网上，大家打开网站，就可以看到了：www.vr-react.com一：ControllerDemo，控制器示例，这里没有控制器，也就是VR设备的话，就是空的哦。http://www.vr-react.com/example/ControllerDemo/Contro
2017-05-21 19:15:44
1540
原创 react vr-打包代码放到网站上
很多人不知道在编译了react vr代码后不知道如何放到网站上显示，这里我就把官方的示例代码先编译，然后放到网站上哦！大家按照我的步骤一步步来，就可以在你自己的网站上显示VR啦！一、下载官方示例代码 可以去github上下载哦：https://github.com/facebook/react-vr，下面的example里面就是示例代码了。
2017-05-21 18:54:02
1824
原创 React VR各种报错黑屏
React VR偶尔会各种报错，黑屏，而且查看console，会有各种模块找不到，这时需要升级你的react-vr-cli哦；1、打开命令行：输入sudo npm install -g react-vr-cli2、然后输入密码3、等待安装完成，然后再用react-vr init4、然后再 npm start就好了
2017-05-21 16:36:04
988
原创 react native增量热更新生成合并补丁文件
这是一个node命令，有两个命令可用，一是用于生成补丁文件，一个是合并补丁生成新的文件.很多情况下我们需要生成补丁文件，例如 react native 的热更新，自建服务器进行热更新，不用codepush和pushy，需要生成bundle的补丁文件，然后从服务器下载下来后再合并成一个bundle文件。下载操作：1、我利用的是google的diff文件，下载地址为：ht
2017-05-13 21:14:38
2611
原创 react vr 中文网地址：www.vr-react.com
react vr 中文网地址：www.vr-react.com，这是国内首次发布的中文 React VR 网站，网站在3月初就建立了，但是官方一直没有开放代码出来，只是预览版，昨天开了发布会，正式公布，大量的react vr文章开始出现，为了给大家快速的学习机会，现将网站公布供大家学习VR。react vr 中文网地址：react vr中文网论坛，http://www.vr-react
2017-04-20 01:14:28
2861
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人