kun943999733-CSDN博客

原创 React-Native 基础、易错点

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、react-native 的生命周期1.概览二、redux的使用1. Store1、Action2. Creator Action4、Dispatch5、Reducer5、中间件。6、connect7、 mapStateToProps8、 mapDispatchToProps三、React的组件化思想细粒度抽离四、注意事项1、最外层可以尽量使用 React.Fragment 或者空标签<> 这样不会产生新的节点.

2022-04-06 19:22:09 1047

原创从源码入手Android启动流程

从源码入手Android启动流程从两个方面入手。一个Android 的App 对应一个Application ,然后每个RN的入口对应一个activity先看activity，activity 首先继承自ReactActivity，这里和我们把项目导入我们自己的activity中也是一样。都是继承 ReactActivityReactActivity 只做了一件事，创建createReactActivityDelegate，并把mDelegate和生命周期相关联。之后在ReactActivit

2021-02-23 19:02:03 132

原创 flutter 可以折叠展开的text （类似微信朋友圈那种，展开按钮在最后面）

这里写自定义目录标题先看效果图直接上代码首先是richTextimport 'package:flutter/cupertino.dart';import 'package:flutter/gestures.dart';import 'package:flutter/material.dart';import 'package:flutter/widgets.dart';/** * 可展开的文本text */// ignore: must_be_immutableclass O

2020-07-16 09:01:22 2549 4

原创 android View 提供给flutter用

用Android的textview为例一、创建提供出去的Viewpublic class SDKView implements PlatformView { private TextView textView; public SDKView(Context context,String text) { textView = new TextView(context); textView.setText(text); } @Override

2020-05-11 15:44:02 423

原创简短教会你flutter与Android 原生通讯

1、找到activity，正常新生成的项目交MainActivity 在里面添加如下监听 //监听注册 GeneratedPluginRegistrant.registerWith(this); 添加监听 new MethodChannel(getFlutterView(), "通道名称").setMethodCallHandler( new MethodChannel.MethodCallHandler() {

2020-05-09 17:34:10 341

原创现有安卓项目集成flutter

1、集成项目首先在Android的同级目录执行命令执行以下命令flutter create -t module flutter_modal执行完成后会在Android的同一级目录下生成一个新的flutter_modal文件夹然后在Android里面做如下修改app下面的buildgradle 的Android目录加入 //加入以下 compileOptions { sourceCompatibility 1.8 targetCompatibi

2020-05-08 18:18:33 391 2

原创解决react-native 每次修改完源码后，其他同事无法用，重新npm install无法用的问题

react-native 修改完源码后，如何让其他同事直接能用，每次都发过去修改的node源文件肯定是不方便的，这里分享个脚本其实我们需要达成的目的是修改NodaModule l的源码其他人也在，但是NodaModule 文件肯定是忽略的，所以我们的思路是新建一个文件，然后按照你NodaModule 修改的文件路径拷贝到新文件（重点路径名完全一样）我这新建的文件名字是const_module...

2019-12-03 16:07:44 565

原创 react-native 报错 Changing onViewableItemsChanged on the fly is not supported

对于这个错基本网上的方案都是this指向问题，由于本人用的hooks，来写类似抖音的页面，所以我这里必须用useRef 接收一下，下面是写法export default function HomeListPage(props:any) { const [listData, setListData] = useState([0, 1, 2]); const renderItem = ({...

2019-11-28 15:59:01 1560

原创 Android 打包的时候报错 Couldn't follow symbolic link

/node_modules/xxx’. Couldn’t follow symbolic link.哪个文件报错删哪里就行了

2019-11-13 10:06:40 734

原创 react-native android 裁剪图片，自动裁剪，用户无感知，可以截一张图片的位置

一张长图，我们可以截取他的上下左右，甚至缩略图等等 @ReactMethod public void manipulateAsync( String fileSrc,ReadableMap map ,final Promise promise) { Log.i("ooooo", "manipulateAsync: " + fileSrc); boolean iiii= ...

2019-09-29 16:23:36 529

原创 react-native Android 给rn发送事件回调

类似Android如何定一个回调给rn来用1、在您的ViewManager中加入对应映射表 @Override public Map getExportedCustomBubblingEventTypeConstants() { return MapBuilder.builder() .put( ...

2019-09-04 18:29:07 980

原创基于react-native做的屏幕适配加样式抽离工具类，代码抽离的更加简化，效率至少提升百分之二十

属于应用框架层应用，其中 Colors，也需要自己的抽离。后续我将上传自己的Color和系统工具类用这套style，能使您的开发效率提高百分之二十，毫不夸张，您只要习惯用，一直用一直爽。'use strict';import React, { StyleSheet, Dimensions, Platform, PixelRatio,} from 'reac...

2019-08-29 11:01:37 344

原创 Android 科大讯飞人脸识别代码内附：图片路径转换成二进制

首先初始化科大讯飞 @ReactMethod public void init() { SpeechUtility.createUtility(this.reactContext, SpeechConstant.APPID + "=" + "您在平台申请的ID"); mIdVerifier = IdentityVerifier.createVerif...

2019-08-26 17:41:50 695

原创 react-native Android端语音和视频合成新的视频代码

只支持 AAC格式的音频与mp4的视频格式合成如果您的格式不是AAC格式需要转换，详情看我的上篇文章public class VideoHelperModule extends ReactContextBaseJavaModule { private ReactContext context; public VideoHelperModule(@Nonnull ReactA...

2019-08-26 14:21:52 773 3

原创 react-native 转换音频格式

本工具支持AAC, MP3, M4A, WMA, WAV, FLAC.同时支持Android和ios平台（ios稍后上传）；GitHub 地址：https://github.com/a943999733/react-native-audiotransition希望多多star 多关注话不多说，直接上用法$ npm install react-native-audiotransitio...

2019-08-26 14:13:21 1970 8

原创原生调用react-native里面的图片

最近接到了一个比较特殊的需求，要把rn写好的图片提供给unity（unity需要的是个本地路径，这不坑死人吗。。。）整体思路：1、拿到rn图片，桥接方式给Android ；2、Android拿到图片转换成drawable3、通过io的方式写入到本地，拿到路径,大体就是这样先说第一部rn拿到的图片 require出来的都是数字，这样是行不通的，我们可以用这个类resolveAssetS...

2019-08-14 19:11:12 563

原创 react native 垂直 scrollview 自动滚动，自动播放文字，垂直走马灯效果

您需要的是垂直自动控制滚动scrollview 或者，类似垂直的走马灯效果，可以用onLayout获取scrollview内部textview的高度，然后知道行高，在用scrollTo去驱使滚动，看代码 <ScrollView ref={(ref) => this.scrollview = ref} > <Text onLayout={(res...

2019-08-13 12:09:18 3459

原创 react-native 原生将Activity转换成rn的view

*react-native 原生将Activity转换成rn的view在有些开发场景中有将activity转换成view的场景，我这边是用阿里百川碰到的，因为有些操作必须在activity操作所以需要在次转换成view1、定义全局LocalActivityManager变量LocalActivityManager mLocalActivityManager;oncreate()方法实例化m...

2019-08-09 15:53:56 711 4

原创 react-native 不能动态Android调用addview方法

react-native 不能动态Android调用addview方法Android里面，如何动态addview 在rn端都不会刷新，一种办法是在rn里面调用方法的时候先用setstate方式让view设置成null在刷新出来，治标不治本。虽然能解决，但是很不优雅，第二种方案加入以下代码// An highlighted block @Override public v...

2019-08-09 14:45:53 605 3

qq_32683045的博客