react native and redux
如何在react-native 中优雅的使用 redux首先说下我对redux 的理解吧,第一印象很重要就像妹纸一样.一句话来说他就是一个 js 的应用状态容器.说长点就是当你的应用足够复杂,交互足够多的时候,你不方便管理你的 state, 那么交给 redux 吧,他是一个单向数据流,高效且清晰.那么什么时候使用 redux呢,有一句话...
2024-01-10
react native windows开发环境
最近项目尝试使用react native加快研发速度，react native的资料比较多，但大都是android与iOS，windows方面的资料很少。这种现象也比较正常，目前windows方面的需求局限于企业，视频与游戏方面，一般的app会略过PC平台。此外，react native的官方platform中没有添加windows的支持。微软在这方面支持了windows平台。gi...
2024-01-10
react-native移动端设置android闪屏页
前言因为app启动时会白屏一段时间，导致让人用起来非常的不舒服，后来了解一下知道这叫做闪屏于是着手解决这个白屏的问题，换个颜色？不行，不如用一张好看的图片来替换，这样才让人看起来更加舒服。那么该怎么换呢，我直接百度搜索，然后得知有不少包是关于这个的比如rn-splash-screen、react...
2024-01-10
android 架构之集成react native框架js混编APP
本篇文章主要总结一下现在APP当中使用的js、webView混编架构和技术。什么是 js 混编？js混编简单说就是使用JavaScript开发APP程序。android应用使用的是java，Kotlin 、c/c++ 为主的语言开发，ios使用的object-c 、 swift、c/c++ 为主语言开发，由于市场是基本都是android和ios手机，所以一般公司开发什么项目androi...
2024-01-10
React Native For Android 架构初探
Facebook 在2015.9.15发布了 React Native for Android，把JavaScript 开发技术扩展到了Android平台。React Native 让开发者使用 JavaScript 和 React 编写应用，利用相同的核心代码就可以创建 基于Web，iOS 和 Android 平台的原生应用。本文将浅析Android React的架构及相关基础知识。环境搭建及调试相关知识参考官网文档即可，本...
2024-01-10
React Native工程修改Android包名
默认初始化的React Native工程，生成Android工程的时候，包名默认是React Native工程的名字，跟一般Android工程com.company.xxx不一样。这时候就需要手动修改Android工程里面的包名信息：如下：首先修改React Native目录下的MainActivity.java的包名，具体路径是（android/app/src/main/java/com/PROJECT_NAME/MainActivity.java）修改 p...
2024-01-10
react native Modal 制作背景变暗
/** * Create by bamboo on 2018-05-07 * Modal 例子 */import React, { Component } from 'react';import { StyleSheet, Text, Modal, View, TouchableOpacity, T...
2024-01-10
React Native Android配置部署踩坑日记
万事开头难作为一只进入ECMAScript世界不久的菜鸟，已经被React Native的名气惊到了，开源一周数万星勾起了我浓烈的兴趣。新年新气象，来个HellWorld压压惊吧^_^（故意少打个\'o\'）具体的详细教程这里都有，我就说说这里没找到的几个坑，由于大部分资料还是0.1.4版本的react-native，笔者用最新的0.1.7和...
2024-01-10
Windows搭建react-native开发环境
一、目标平台 windows+android 1. 必须软件 python2+ nodejs npm 2. 安装react-native命令行 $ npm install -g react-native-cli 3. 搭建安卓环境 (1)React Native目前需要Android Studio2.0或更高版本， Android Studio需要Java Development Kit [JDK...
2024-01-10
React Native之倒计时组件的实现(ios android)
一,需求分析 1,app需实现类似于淘宝的活动倒计时,并在倒计时结束时,活动也结束。 2,实现订单倒计时,并在倒计时结束时,订单关闭交易。 3,实现获取验证码倒计时。二,技术实现 2.1,活动倒计时与订单倒计时的实现,源码如下： 1 componentDidMount() { 2 this.interval = setInterval(() => ...
2024-01-10
Window下开发React-Native Android步骤
1.安装Android开发环境下载并安装JDK下载并安装Android SDK, Android NDK启动SDK下面的SDK Manager.exe，安装相关SDK Platform-tools，切记安装 【否则执行后面的 react-native run-android会报错】Extras/Android Support Library(23.0.1)Extras/Local Maven repository for Support Libraries(之前叫做Android Support Repos...
2024-01-10
react antd Tabs组件
我这个Tab在一个弹窗里面 点击Tab 切换不了 <TabsonTabClick={this.props.changeTabKeyFun.bind(this)}type="card"style={{width:"80%",marginLeft:'10%'}}className="reTwo"defaultActiveKey='1'activeKey={this.props.activeTabKey}><TabPane tab="请求" key="1"></TabPane><TabPane tab="响应" ...
2024-01-10
react-native for android windows开发环境搭建详细记录
先说说整个环境搭建的过程。上周开始要在windows上搭建react-native for android环境，当时按照找的教程，从git上clone master分支的代码，然后下载了node，安装react-native框架还是很顺利的。导入到android studio上就无法构建，找找了找原因没有解决，折腾了1天没解决，在这之后也遇到很多问题，搭建过程还是比...
2024-01-10
react-ant 修改antDesign 样式
需求:想修改antDesign样式发现修改不了解决: 一定要在样式外面加上:global写全局样式 :js: <Form onSubmit={this.handleSubmit} className="account-form"> <Form.Item label="邮箱"> <Input type="email"/> </Form.Item> <Form.Item label="密码"> <Input typ...
2024-01-10
用 React 整合 LogEntries JavaScript 库
【编者按】本文作者为 David Posin，主要介绍 React 与 LogEntries 间的相互操作。本文系国内 ITOM 管理平台 OneAPM 编译呈现。众所周知，React.js已经被证实是众多JavaScript架构中的有力竞争者。按理说，它已经成为web开发人员应当考虑的，在当前及未来项目中使用的少数项目库之一。而了解它如何与技术栈中...
2024-01-10
如何利用Android Studio打包React Native APK
ok！百度出来的东西很杂，所以，这里介绍一种最简单，最合适我们（新手，应该是吧）的APK的打包方式！当然！这种打包是基于Android Studio的，所以，注意喽！！！！废话不多说开始吧！首先，我们要整理我们的思路，第一步是给APK签名~第二步是完成打包 第一步：签名打开Android Studio 然后在菜单...
2024-01-10
react-native 导航器 react-navigation 3.x 使用
React-navigation 介绍 React Navigation 源于 React Native 社区对一个可扩展且易于使用的导航解决方案的需求，它完全使用 JavaScript 编写。安装在你的 React Native 项目中安装 react-navigation 这个包（注意--save或者--save-dev一定要写正确，链接原生库是会根据package.json文件中的dependencies和devDependencies的记录来链接...
2024-01-10![阿里react整合库dva demo分析 [转]](/wp-content/uploads/thumbs/536008_thumbnail.jpg)
阿里react整合库dva demo分析 [转]
同，也是工作中需要，用到 dva , 也找了些文章参考知识点。更多：http://www.cnblogs.com/heyuqing/p/6844098.html以下内容为摘出 mark 接着踩坑官网: https://github.com/dvajs/dva/blob/master/docs/API_zh-CN.md#model...
2024-01-10
如何在react-admin中拥有多个dataProviders的正确方法？
我正在尝试在react-admin项目中使用多个dataproviders，但出现错误：Warning: Missing translation for key: "dataProvider is not a function"function.console.(anonymous function) @ index.js:1452我有App.js这样的：import React from 'react';import { render } from 'react-dom';import { Admin, ...
2024-01-10
React Native移动开发实战-5-Android平台的调试技巧
Android平台的调试和其他平台的调试也很类似，例如：在Android Studio打开的工程中，打开源码MainActivity.java，然后，将鼠标移至代码编辑区的左侧后，单击鼠标即可添加断点，接着，选择菜单Debug -> Debug ‘app’，即可调试Android应用，效果如图5.12所示。图5.12 Android原生项目断点调试 如果要调试...
2024-01-10
ReactNative 本地文件访问 react-native-fs Android配置所遇到的坑
事件背景：react-native-fs配置完毕之后在Android无法使用，无法编译通过；安装：npm install react-native-fs --save如果 RN版本<0.57或者Gradle < 3：需要安装：npm install [email protected]–save本人的RN版本0.44.3所以遇到了坑，官方npm上的配置也一步步配置了，发现在ios没有问题，但是在android上不能运行，不能编译通...
2024-01-10
React Native未来导航者：react-navigation 使用详解
该库包含三类组件：（1）StackNavigator：用来跳转页面和传递参数（2）TabNavigator：类似底部导航栏，用来在同一屏幕下切换不同界面（3）DrawerNavigator：侧滑菜单导航栏，用于轻松设置带抽屉导航的屏幕react-navigation使用 具体内容大致分为如下：（1）react-navigation库属性介绍（2）StackNavigator、TabNavig...
2024-01-10
taro +react +redux 开发中使用Provider 标签报错
技术选型使用了typescript在引入redux之后 ，store配置也写好了，同时可以打印出来store使用Proider标签就报错 ， 请问什么原因 ，是因为ts文件吗 （如果改成tsx后缀，编译会找不到app.ts 这个报错）回答看看这个https://github.com/NervJS/tar......
2024-01-10![[RN] React Native 图片保存到相册(支持 Android 和 ios)](/wp-content/uploads/thumbs/534952_thumbnail.jpg)
[RN] React Native 图片保存到相册(支持 Android 和 ios)
React Native 图片保存到相册(支持 Android 和 ios)原理：IOS用 RN自带的 CameraRoll，Android 使用 不成功，需要 react-native-fs 和 CameraRoll 配合使用已经封装成类：ImageUtil.js'use strict';import React from 'react';import {CameraRoll, Platform} from 'react-native';import ToastUtil from "./ToastU...
2024-01-10
Angular vs React – Angular和React之间的区别
If you are a web developer and stumbling around which platform should you choose for your next project, Angular or React? Then, you are at the correct place. Also, if you are a beginner in web development, you will surely come across with Angular and React...
2024-01-10
