跨平台
文章平均质量分 83
混合与跨平台
亚洲小炫风
亚洲小炫风
展开
-
Jetpack Compose 入门教程之Text
jetpack compose 文本处理原创 2023-09-07 11:09:31 · 462 阅读 · 0 评论 -
JetPack Compose 入门教程(持续整理笔记)
命令式和声明式 UI大战,个人认为命令式UI自定义成都较高,能更深入到性能,内存优化方面,而申明式UI 是现在主流的设计,比如React,React Native,Flutter,Swift UI等等,现在性能也逐渐在变得更好,还有一个原因compose 是KMM 嫩完整跨平台的UI基础。原创 2023-08-15 09:58:14 · 771 阅读 · 0 评论 -
React-Router使用笔记
在 web 应用开发中,路由系统是不可或缺的一部分。在浏览器当前的 URL 发生变化时,路由系统会做出一些响应,用来保证用户界面与 URL 的同步。随着单页应用时代的到来,为之服务的前端路由系统也相继出现了。react路由框架有很多,下面来一一解剖:react-router源码地址:https://www.npmjs.com/package/react-router或者https://gi...原创 2018-12-29 21:00:41 · 337 阅读 · 0 评论 -
ES6笔记
结构数组:Array Destructuring我们可以用这种范式来得到x对应位置的值let x=['zhangsan','lisi','wangwu'];let [z,l,w]=x;//z,l,w可以是任意名称document.write(z+l+w);//输出:zhangsanlisiwangwu对象解构 var x={name:"zhangsan",age:30}...原创 2018-12-19 17:35:41 · 239 阅读 · 0 评论 -
JS从0到1
类型判断typeof(xx)js可以定义为一门弱类型语言,当然也有typescript强制约束类型,js获取变量的类型的方法:typeofvar xx='hello';console.log(xx);alert("type:"+typeof(xx));输出:type:string;注意:数组的类型也是objectvar arr=[1,2];alert('arr t...原创 2018-08-07 13:42:33 · 435 阅读 · 0 评论 -
微信小程序从0到1
微信小程序从0到1绑定数据语法 {{变量名称}} . 这跟其他的mvvm框架类似eg.<button bindtap='testClickBtn'>{{testBtnText}} js 赋值// pages/test/test.jsPage({ /** * 页面的初始数据 */ data: { testBtnText:'确定' }})js 处理点...原创 2018-02-10 14:51:07 · 1684 阅读 · 0 评论 -
React native 生成资源清单文件
在开发中,我们时常要引用很多资源,比如图片,字符串,颜色等等,react 这个引用方法 import和require 必须传递相对路径,不便于移动应用开发,本人实在受不了这种引用方式,而且require加载图片,不能是变量,很烦人,我给出一种映射解决办法上面这种图片引用方式实在太痛苦,我给出一种优雅方案,动态产生资源清单文件:第一步:在项目根目录新建一个init.js文件第二步...原创 2018-11-20 21:54:49 · 867 阅读 · 1 评论 -
xxf_hud 使用介绍
由于rn的开源项目实在太少,想要像android ios那样有hud,既能loading,又能提示各种状态的hud,所以我封装了一个react_native平台的hud:运行效果:添加依赖: yarn add xxf_huddemo 源码: import React, {Component} from 'react'import { View, ...原创 2018-10-24 17:03:21 · 382 阅读 · 0 评论 -
TypeScript从0到1
什么是typescript?中文官网地址:点击typescipt的优势一个第特性叫做类型检测在打字稿里面的英文运行为变量指定类型的,比如当你为这个变量指定数字类型的值的时候,IDE会做出类型检查,然后告诉你这里可能会有错误,这个特性会减少你在开发阶段犯错误的几率。 第二个特性是语法提示在IDE里面去编写打字稿的代码时,IDE会根据你当前的上下文,把你能用的类,变量,...原创 2018-10-22 17:05:32 · 766 阅读 · 0 评论 -
RN 跨级传参(全局参数context)
我们知道props可以传递参数,但是需要一级一级地传递(A->B->C...),非常麻烦,这里提供一种用context实现跨级参数传递; Context属性的使用步骤 [准备阶段] 1.在产生的参数的最顶级组件中,使用childContextTypes静态属性来定义要放入全局参数的类型 2.在父组件中,提供状态,来管理数据 3.声明子组件获取全局参数的方式 imp...原创 2018-10-14 15:37:26 · 1731 阅读 · 0 评论 -
RN 类的使用
类的创建声明类的关键词:classStudent.jsexport default class Student { constructor(name, age) { this.name = name; this.age = age; } getDesc() { return "我是:" + this.name ...原创 2018-10-13 11:07:24 · 628 阅读 · 0 评论 -
RN state使用详解
我们使用两种数据来控制一个组件:props和state。props是在父组件中指定,而且一经指定,在被指定的组件的生命周期中则不再改变。 对于需要改变的数据,我们需要使用state。 一般来说,你需要在 constructor 中初始化state(译注:这是 ES6 的写法,早期的很多 ES5 的例子使用的是 getInitialState 方法来初始化 stat...原创 2018-10-12 16:29:11 · 1977 阅读 · 0 评论 -
RN的props使用详解
props是组件的属性,描述一个组件的,类似Android Attribute如下实例,props从外部传递进来:import React, {Component} from 'react';import {Platform, StyleSheet, Text, View} from 'react-native';export default class PropsCo...原创 2018-10-12 14:25:06 · 4025 阅读 · 0 评论 -
RN的导入导出
1.类的导出和导入在官方生成的项目中,我们可以看到一个特别的关键字 exportexport就是提供给外部导入的标示导入语法:import LifecycleComponent from "./xxxComponent";2.变量的导出导入导出变量:方式1:方式2:导入变量:import {age, name} from "./ExportCompone...原创 2018-10-12 11:34:00 · 527 阅读 · 0 评论 -
RN组件生命周期
在Android 和IOS我们都知道组件都有生命周期,RN的组件依旧不例外;RN组件的生命周期主要分为3个部分1.装载组件2.更新组件3.卸载组件方法名 作用 调用次数 constructor 构造函数,初始化需要state 1次 componentWillMount 控件渲染前触发 1次 render 渲染控件的方法 ...原创 2018-10-12 10:56:38 · 1239 阅读 · 1 评论 -
RN创建组件的三种方式
RN创建组件的三种方式:1.ES6(推荐,比较新的语法)2.ES53.函数式创建Hellocomponent.jsimport React, {Component} from 'react';import {Platform, StyleSheet, Text, View} from 'react-native';/** * 方式1:ES6 */export defa...原创 2018-10-11 17:56:04 · 1878 阅读 · 1 评论 -
RN错误大全
500之 index.js could not be found App.jsURL: http://10.0.2.2:8081/index.delta?platform=android&dev=true&minify=falseerror: bundling failed: Error: Unable to resolve module ./../react-tran...原创 2018-10-11 12:03:33 · 967 阅读 · 0 评论 -
WebStorm开发React Native
1.下载webstorm百度一下就知道了2. 在webstorm下配置node环境:2.安装官方支持架包npm install -g create-react-app3.新建react app项目new project进入构建中...(稍等一会)构建完成...原创 2018-10-11 10:18:14 · 262 阅读 · 0 评论 -
Mac平台搭建RN开发环境
1.安装 Node, Watchman官方参考brew install nodebrew install watchman如果出现出现 brew install node command not foundbash 下执行 ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/maste...原创 2018-10-10 20:09:09 · 2519 阅读 · 0 评论 -
React native 移植原生android module
第一步:创建一个普通的module第二步:添加依赖compile 'com.facebook.react:react-native:0.20.1'第三步:添加网络权限 第四步:添加原生代码:package com.xuan.reactnativetest;import android.os.Bundle;import android.sup原创 2016-04-28 11:19:19 · 898 阅读 · 0 评论 -
React-native 环境搭建
第一步:安装node.js第二步:安装git 省略第三步: clone 环境第四步: android studio 运行 用as打开android 目录下面生成的项目至此 环境顺利搭建完成原创 2016-04-11 11:11:51 · 371 阅读 · 0 评论 -
Flutter教程
我的共享笔记地址:印象笔记本篇博客属于笔记整理形式,且站在java开发和js开发角度来阐述,有些是直接说和什么类似,一致,不会阐述太多!一.flutter支持的数据类型1. number类型: int和double 注意:double类型的值可以是整形也可以是浮点类型double d=13.5;d=12;2.String类型String nullStr;print(nullStr==null);//truenullStr="";print(nullStr....原创 2020-10-17 18:23:46 · 2021 阅读 · 0 评论