文化园

文章，介绍并记录在大前端混合架构开发中的重要细节和流程。通过在安卓原生工程中集成两大主流混合框架React Native、Flutter，以及ReactJs[Vue]，集成三类模块module的架构的混合设计。并分别在这些主流技术栈的业务创作中，自己造轮子、使用新颖架构设计及核心技术去实现。并在编码过程中还会创造常用工具，沉浸式状态栏，导航栏渐变

接上一篇《react-native 为本地js和开源库的js编写.d.ts声明文件》，本篇分析为在react-native中应用js文件，我是如何写声明文件 *.d.ts 的。

react-native 为本地js和开源库的js编写.d.ts声明文件1，在使用Typescript编写程序过程中遇到了困扰，不管react，不管在浏览器中，只论写react-native的APP，怎么使用 declare声明文件 和 namespace命名空间编写满意的程序。2，global全局变量怎么使用，怎么扩展？3，.tsx中怎么使用第三方开源库的Javascript ？

使用Typescript手撸一个react-native app；配置react-native 使用Typescript语言的路由react-navigation；TypeScript & ReactNative使用Navigation实现页面跳转；error: react-native: command not found，Error: ‘createStackNavigator()’ has been moved to ‘react-navigation-stack‘

Javascript中除了原型链，还有一重要知识环节 —— 上下文环境；通过对执行上下文环境的了解，能够让我们对Javascript内部原理有更深入的理解。先以执行栈为引入，让大家感受一下：某个xxx.js代码在执行时，执行栈是怎么运作的，执行栈和上下文环境有什么关系？执行栈： 一种数据结构栈；在js代码被执行时，已被创建的执行上下文按照被创建的顺序依次被存储(压入)栈中。【图一】【图二...

一直致力于使用ES6写ReactNative，对之前的Javascript了解较层面。所以，趁疫情机会抽出时间来对JavaScript 解释原型链（原型继承）深入理解下。上面的这张图我觉得是具有非凡意义的，能够系统直观的给我们展示JS原型继承系统的模式。遵照上图手动编写对应的代码，并执行来验证上面的图所带给我们的意义！图示有表示：对象实例 f1 的原型指针(_proto) 指向原型对象...

配置一个文件，将里边变量设置为全局变量。不用每次使用这些变量都要在对应的组件文件中导入全局变量文件。减轻复杂度！

使用SectionList实现列表吸顶功能；SectionList在使用上又iOS和安卓系统平台的差异性；写项目时候，RN用到MobX要注意他的不同的生命周期特性。TitleBar的滑动渐变动画 & 轮播渐变动画

Using HOC via es7 DecoratorsSyntaxError: Support for the experimental syntax ‘decorators-legacy’ isn’t currently enabled;evaluating ‘_RNGestureHandlreModule.default.Direction’;MobX结合ReactNative使用；MobX使用中重要的关键字:observer observable action when autorun..

# 地址选择器 自定义 #地址选择器介绍地址数据，线上即时请求。json的数据结构如下，{ "code": 200, "msg": "success", "data": [ { "id": 1, "name": "北京" }, { ...

Manifest merger failed —— Androidx中间尝试了很多方式，比如manifest/application中添加android:appComponentFactory="" tools:replace="android:appComponentFactory"或者错误展示What went wrong:Execution failed for t...

根据上面的UI展示和点击效果显示，对应源码如下：import React, { Component } from "react";import { StyleSheet, View, Animated, Image, Easing, Text } from "react-native";import { Button } from "react-native-elements";impo...

无论是 Java Swift JavaScript Typescript 这些OOP 面向对象、面向协议的语言。都有继承的概念和功能。react-native 自定义组件，通过继承实现代码的高复用，性能的扩展，来实现新的、功能更全面的组件。。

自定义容器组件也是我一直想要实现的，就像<View></View>一样，其中可以放置很多的View组件，来实现我们想要的UI效果；然而这种容器组件可以通过 this.props.children 来实现

null is not an object (evaluating '_reactNativeImageCropPicker.default.openPicker')如何引用第三方的图片剪辑库？上面的错误一直提醒着、出现！查找了好多博客，进入作者的issue，都没有找到解决答案。经过各种尝试，终于得到成功。下面是错误的内容提示：正确的引入方式：添加权限 打开info.list添加权限...

RN 修改包名andorid/app 目录下修改no.1将文件目录修改成对应的正确包名android/app 目录下修改no.2进入并打开文件 AndroidManifest.xml 修改对应的包名修改两个打包脚本文件android/app 目录下修改 no.3打开脚本文件BUCK 修改两个 package 包名android/app 目录下修改 no.4...

最近每天业余时间，抽空读了2小时的书，把JavaScript 忍者秘籍（第二版）通篇过了一边。想想为了react-native我还是蛮拼的。之前刚学习react-native的时候，晓得是以JavaScript作为语言基础的。然后边学习react-native边JavaScript，然后便记录学习心得。初学状态虽有一股浓重的好奇心、求知劲头和不知疲倦，但是了解到的只是毕竟有限，知识结构也不会那么完...

解析react-native 组件Component中state和props的区别；react-native 与 Redux 的配合使用；

在react-native 开发过程中引入别人的react-native-x库，环境上会有某种不通过。 着实很忧愁，下面就以我遇到的问题排下名词；resolve -&amp;amp;amp;amp;gt;1Error:Execution failed for task ':app:processDebugManifest'.&amp;amp;amp;amp;gt; Manifest merger failed : Attribute meta-da...

react-native 之与android原生交互

react-native 之打包apk

React-Native Warning:setState(...):Cannot update during an exitsting state transition... 这个问题出现的确实让我措手不及，结果是这样的 业务逻辑：在页面HomePage中点击右上角按钮弹出页面ThemePage，并选择自己喜欢的样式进行样式的切换。 导致错误操作：点击了页面HomePage中的一个I...

react-native debug模式下 不能进行打断点？ 不知道有没有别的朋友遇到过，反正我是实实在在、真真切切的遇到了这种奇葩问题！ 情景是这样的，之前刚开始学习的时候，进入ReactNative debug模式下 就能直接打断点并进行调试。可最近项目写的越来越大，然后里面出现了很多黄色警告 ，本来以为是警告太多问题导致，然后就花了点时间逐个把黄色警告的问题解决！再次进入RN的调试页...

React-Native 中component class function variable的导入、导出和使用

React-Native 解惑

该博文内容基于Windows系统，针对Android系统下的APP：

此图确实描述了我学习过程的抓狂！ 经过反复的尝试和对错误log的解读、搜索和解决处理，最终成功编译出了第一个Hybrid-App。效果这样的： 当然这里我不是在讲解或者去描述它的编译过程。因为这些在官网或者网络上是很多的，不妨看看这些参考： 官网的Reat-Native环境搭建和测试安装 腾讯的一个关于Reat-Native的教学视频 通过对她们的仔细学习，应该是没什么大问题...