晓果博客-CSDN博客

转载关于ReactNative 中 this

箭头函数没有它自己的this值，箭头函数内的this值继承自外围作用域。因此我们在调用函数的时候完全可以放心大胆的去调用，不用再操心这个this要从那里获取，它指代的又是谁。在 constructor(props) 中将所有的定义的方法全部绑定一次 this，就像这样。显得格外麻烦和臃肿有木有😂，当然你也可以写一个方法为所有的函数去循环绑定this。这种做法也不是很推荐，到处都在绑定 this 看起来不是很舒服。采用ES6 箭头函数的写法，既方便又整洁。

2024-02-29 14:34:42 23

转载 GLSL 中文手册

glsl中的向量(vec2,vec3,vec4)往往有特殊的含义,比如可能代表了一个空间坐标(x,y,z,w),或者代表了一个颜色(r,g,b,a),再或者代表一个纹理坐标(s,t,p,q)glsl在进行光栅化着色的时候,会产生大量的浮点数运算,这些运算可能是当前设备所不能承受的,所以glsl提供了3种浮点数精度,我们可以根据不同的设备来使用合适的精度.在mat与mat的运算中, 除了乘法是线性代数中的矩阵乘法外.其余的运算任为逐分量运算.简单说就是只有乘法是特殊的,其余都和vec与vec运算类似.

2023-09-05 17:38:22 577

原创 vue2.6.10+element-ui2.15.8 实现多功能列表

vue+element-ui实现多功能表格使用SortTable标题添加点自定义组件或表格内添加自定义组件

2023-02-25 17:11:17 1530 1

原创 vue 针试打印机实现

Vue 针试打印机实现

2022-09-20 18:22:51 3798 2

转载 Android文字颜色透明度

例子：#00FFFFFF不透明前两位是 FF ，全透明前两位是 00 ；透明度90% ：E6透明度80%： CC透明度70%： B3透明度60%： 99半透明50%： 80透明度40%： 66透明度30%： 4D透明度20%： 33透明度10%： 1A原文链接：https://blog.csdn.net/qq_42721092/article/details/114576018...

2022-06-18 10:29:09 756

原创 024.RN项目android打包

生成签名密钥$ keytool -genkeypair -v -storetype PKCS12 -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000推荐使用androidStudio创建，方便快捷设置 gradle 变量MYAPP_RELEASE_STORE_FILE=freeread.jksMYAPP_RELEASE_KEY_ALIAS=hu.

2022-04-22 16:12:50 2174

原创 023.解决启动白屏&&清除日志

引入插件yarn add react-native-splash-screenandroid配置在android/app/src/main/res/layout文件夹下创建启动页的XML文件launch_screen.xml并添加如下代码<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" andro

2022-04-22 16:06:23 541

原创 022.formik表单使用

导入yarn add formikyarn add yupyarn add -D @types/yupFormik 使用import { RootStackNavigation, RootStackParamList } from '@/navigator/index';import { pTd } from '@/utils/index';import { RouteProp } from '@react-navigation/native';import { Field, Fo.

2022-04-22 16:02:13 380

原创 021.全局loading设置

创建AppLoading组件import React, { PureComponent } from 'react';import { View, Text, StyleSheet, ActivityIndicator } from 'react-native';import { pTd, viewportWidth, viewportHeight } from '@/utils/index'/** * 全局加载中控件， * 一般用于网络等异步加载 */class AppLoadin..

2022-04-22 16:00:22 778

原创 020.视频播放

导入视频插件yarn add react-native-videoyarn add -D @types/react-native-videoyarn add react-native-video-controlscd ios / pod installhttps://github.com/react-native-video/react-native-video#controlshttps://github.com/itsnubix/react-native-video-controls#.

2022-04-22 15:57:46 302

原创 019.realm数据库升级更新

添加新字段升级数据库版本并迁移数据//deleteRealmIfMigrationNeeded 删库更新const realm = new Realm({ schema: [MyListen, TestRealm], schemaVersion: 2, deleteRealmIfMigrationNeeded: false, migration: (oldRealm, newRealm) => { if (oldRealm.schemaVersion &lt

2022-04-22 15:54:59 1701

原创 018：realm数据库使用

yarn add realm重新运行 yarn android / (cd ios 、pod install --verbose 、yarn ios)创建数据表import Realm from 'realm';/**定义数据表 */export const TestRealmTableName = 'TestRealm' //测试数据表/** * 建表 */const TestRealm = { name: TestRealmTableName,//表名 pri

2022-04-22 15:52:39 1390

原创 017：RN音频播放

导入yarn add react-native-soundyarn add @react-native-community/slider工具类sound.ts import Sound from 'react-native-sound'// 在静音模式下启用播放Sound.setCategory('Playback');let sound: Sound;const initPlayer = (filepath: string) => { return new ..

2022-04-22 15:49:54 553

转载 016：RN--屏幕适配

React Native 可以开发 ios 和 android 的 app，在开发过程中，势必会遇上屏幕适配（ios 好几种尺寸的屏幕以及android 各种尺寸的屏幕）的问题，下面介绍一种几行代码搞定 RN 适配的方法！屏幕适配的前置知识RN 中的尺寸单位为 dp，而设计稿中的单位为 px原理虽然单位不同，但是元素所占屏幕宽度的比例是相同的利用元素所占屏幕比例不变的特性，来将 px 转为 dp（这样实现屏幕适配的话，在不同尺寸的屏幕下，元素会等比放大或缩小）公式如下：设计稿元素宽度.

2022-04-22 15:47:11 370

原创 015：RN广播接收者使用&平台判断&android 吐司

RN广播接收者使用导入import { DeviceEventEmitter } from 'react-native';发送广播DeviceEventEmitter.emit('HttpErrCode', { code: 300 })广播接收import { DeviceEventEmitter, EmitterSubscription} from 'react-native';class Home extends Component<IProps

2022-04-22 15:44:26 2181

原创 014：动态设置标题栏背景&&TabView使用

动态设置标题栏背景 // 关联dva const mapStateToProps = ({ album }: RootState) => { return { datas: album.albumDatas,//这里的home就是model中的namespace } } //这里需要connect对象 const connector = connect(mapStateToProps) //自动推.

2022-04-22 15:41:44 417

原创 013.图片模糊效果

引入yarn add @react-native-community/blurCould not find com.eightbitlab:blurview:1.6.3.allprojects { repositories { mavenCentral() mavenLocal() maven { // All of React Native (JS, Obj-C sources, Android binarie.

2022-04-22 15:33:23 302

原创 012.mac电脑运行yarn android,pod install报错

Could not find tools.jar. Please check that /Library/Internet Plug-Ins/JavaAppletPlugin.plugin/ContMAC(OSX)升到 11.0.1 bigsur 后 android 打包报错 Could not find tools.jar. Please check that /Library/Internet Plug-Ins/JavaAppletPlugin.plugin/Contents/Home contai

2022-04-22 15:29:30 608

原创 011：拖拽组件的使用

安装yarn add react-native-drag-sort导入//拖拽组件import { DragSortableView } from 'react-native-drag-sort';使用 {/* 拖拽组件 */} <DragSortableView dataSource={myCategorys}//数据源 fixedIt.

2022-04-22 15:27:08 728

原创 010.本地持久库

https://github.com/sunnylqm/react-native-storage安装@react-native-community/async-storageyarn add @react-native-community/async-storageyarn add react-native-storage创建storage.ts操作库import AsyncStorage from "@react-native-community/async-storage";im

2022-04-22 15:21:26 252

原创 009.列表实现(上拉加载，下拉刷新)

效果目录结构 componts :组件 emptylist : 空列表占位 footerlist：列表底部显示 loadinglist：数据加载中页面占位 touchable：点击事件处理config：公共配置 contant ：分页参数 dva：数据仓库 request：网络请求models：数据处理 data：公共参数 home：首页接口数据处理 index：数据导出统一入口pages：页面处理 ······ home：首页 components：组件.

2022-04-22 15:18:57 548

原创 008.dva中使用网络请求

安装axiosyarn add axios封装request.jsimport axios from 'axios'import Config from "react-native-config";const service = axios.create({ baseURL: Config.API_URL, timeout: 30000 // request timeout})service.interceptors.request.use( conf.

2022-04-22 15:07:01 405

原创 007.轮播图

效果安装yarn add react-native-snap-carousel yarn add @types/react-native-snap-carousel -D创建轮播图组件import React, { Component } from 'react';import SnapCarousel, { ParallaxImage, Pagination } from 'react-native-snap-carousel'import type { Additio.

2022-04-22 15:00:43 218

原创 006.集成Dva-core到react-native中

安装yarn add dva-core-ts react-reduxyarn add @types/react-redux -Dyarn add dva-loading-ts在models模块下配置页面所需要的dva数据操作类（例如：home.ts）import { Model, Effect } from 'dva-core-ts'import { Reducer } from 'redux'type HomeState = { num: number}int.

2022-04-22 14:54:06 465

原创 005.react-navigation使用(二)：配置字体图标&StatusBar状态栏设置

为导航栏配置字体图标yarn add react-native-svgyarn add react-native-iconfont-cli --dev在ios中需要安装依赖cd iospod install生成配置文件npx iconfont-init生成线上图标库修改iconfont.json{ "symbol_url": "http://at.alicdn.com/t/font_2515860_3i4n2umystp.js", "use_typ

2022-04-22 14:45:13 1547

原创 004.react-navigation使用(一)：堆栈式导航器&底部标签导航器

文档地址https://reactnavigation.org/docs/getting-started/安装yarn add @react-navigation/nativeyarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-viewios无..

2022-04-22 14:33:48 2671

原创 003.绝对路径配置

安装依赖yarn add babel-plugin-module-resolver配置babel.config.jsmodule.exports = { presets: ['module:metro-react-native-babel-preset'], plugins:[ [ 'module-resolver', { root:['./src'], alias:{ '@/utils':'./s.

2022-04-22 14:21:03 346

原创 002.多环境配置

安装yarn add react-native-config创建.env文件API_URL=https://myapi.com在app.tsx中导入react-native-config 测试是否完成import Config from "react-native-config";<Text>{Config.API_URL}</Text>显示API_URL=https://myapi.com配置完毕ios无法自动连接需要配置cd ios .

2022-04-21 18:39:26 235

转载 001.ReactNative—项目初始化

创建TS模板项目npx react-native init AwesomeTSProject --template react-native-template-typescript

2022-04-21 18:29:04 207

原创 electron-vue通过配置文件设置baseUrl

在项目更目录下创建config.conf{ "baseURL": "http://***.cn:8001"}在package.json中配置build"build": { ... "appId": "com.yuma.duifu", "extraResources": { "from": "./config.conf", "to": "../" }, .

2021-12-20 17:04:07 1922 1

原创 electron-vue 中element-ui的el-table列表不显示、样式不起作用等问题

把element-ui加入到.electron-vue/webpack.renderer.config.js文件中的白名单中重新运行即可

2021-12-20 11:55:59 793

转载 Failure [DELETE_FAILED_INTERNAL_ERROR]之后rm apk卸载

今天用adb uninstall com.xx.xx卸载一个软件结果报错：Failure [DELETE_FAILED_INTERNAL_ERROR]最后没有办法，装了个kingroot，通过kingroot卸载。。。现在知道了：首先：adb shell pm list packages -s 找到要删除的包名获取包名的地址：adb shell pm path com.xx.xx挂载系统读写权限：adb remount删除包：adb shell rm /system/app/OldDriver

2021-11-19 11:40:42 443

转载最新数组方法（包括es6）

最新数组方法（包括es6）1 arr.push() 从后面添加元素，返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5]2 arr.pop() 从后面删除元素，只能是一个，返回值是删除的元素let arr = [1,2,3,4,5]console.log(arr.pop()) // 5console.log(arr) //[1,2,3,

2021-10-12 23:08:47 349

原创 es6-es11基础

es6let<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t

2021-10-12 22:42:02 316

转载 vue项目在IE浏览器和360兼容模式下页面不显示问题，亲测有效

解决方法：安装 "babel-polyfill"1、命令：cnpm install --save-dev babel-polyfill2、在入口main.js文件引入：import 'babel-polyfill'，放页面顶部最好。3、在build文件夹下找到webpack.base.conf.js中app: ["./src/main.js"]改为app: ["babel-polyfill", "./src/main.js"]即：module.exports = {entry: {a

2021-07-08 11:51:42 1638 4

原创 antd pro4(umijs 3.2.14) 解决IE适配问题

修改config/config.ts dva: { hmr: true, immer: { enableES5: true }//如需兼容 IE11，需配置 }, targets: { ie: 11, }, //如果适配ie11 请注释下面esbuild // esbuild: {},// https://umijs.org/config/import { defineConfig } from 'umi';import defaultSett.

2021-05-08 17:05:15 2834

原创 umi.js学习（九）、antd pro中使用dva数据流

效果展示创建模块配置路由及配置代理在config/proxy.ts中/** * 在生产环境代理是无法生效的，所以这里没有生产环境的配置 * The agent cannot take effect in the production environment * so there is no configuration of the production environment * For details, please see * https://pro.ant.des.

2021-04-27 15:07:24 1877 1

原创 react中使用tinymce-react创建富文本编辑器组件

tinymce-react官方：https://github.com/tinymce/tinymce-react效果：第一步:导入依赖yarn add tinymce yarn add @tinymce/tinymce-react 第二步：拷贝tinymce将在 https://www.tiny.cloud/get-tiny/self-hosted/ 网站中下载的文件包，放到我们的public 下:然后引入 document.ejs中:<s

2021-04-02 22:03:26 1956 1

原创解决el-input输入框使用oninput或onkeyup后，v-model双向绑定失效问题

在输入中文触发oninput后，v-model绑定的值会被设成空字符串，这时候再输入数字，v-model绑定的值不会被赋值，一直为空。解决方法可以用blur手动给绑定的值赋值。 <el-input v-model="form.account" clearable placeholder="请输入手机号" onkeyup="value=value.replace(/[^\d]/g,''.

2021-03-22 17:26:46 3789 1

原创 Ant Design Pro 动态路由的实现

提供登录与获取用户信息数据接口import request from '@/utils/request';/** * * @returns 首页列表权限 */export async function queryCurrent():Promise<any>{ return request('/user/info2', { prefix:'/mock', method: 'GET', });}登录接口数据{'code': 200, 'data'.

2021-03-19 17:35:27 5673 3