react-native-womasoft

简介

本框架是针对于 React Native 的快速开发App工具

安装初始化

npm

 npm install react-native-womasoft

yarn

 yarn add react-native-womasoft

创建项目

创建新项目

npx react-native init 项目名称

在新项目中引用框架

cd 项目名称

npm

npm install react-native-womasoft

yarn

yarn add react-native-womasoft

引入导航框架

npm

npm install @react-navigation/native
npm install react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view 
npm install @react-navigation/stack
npm install @react-navigation/bottom-tabs

yarn

yarn add @react-navigation/native
yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view
yarn add @react-navigation/stack
yarn add @react-navigation/bottom-tabs

引用其他框架

npm

npm install --save react-native-device-info redux @react-native-community/async-storage react-native-localize react-native-vector-icons react-native-fs @react-native-community/clipboard react-native-svg react-native-qrcode-svg react-native-splash-screen

yarn

yarn add react-native-device-info redux @react-native-community/async-storage react-native-localize react-native-vector-icons react-native-fs @react-native-community/clipboard react-native-svg react-native-qrcode-svg react-native-splash-screen

因为导入了 react-native-fs
需要在 android => settings.gradle 中添加：

include ':react-native-fs'
project(':react-native-fs').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fs/android')

代码模板

https://github.com/gzh1612/react-native-template

将代码克隆下来后粘贴替换到生成的项目中。
项目中的目录结构：

android
ios
src
- assets
  - conf
  - confFetch
  - confFonts
  - confLanguage
  - confTheme
  - images
- view
  - _template
  - page_center
  - page_main
  - page_public
- init.js
App.js

说明文档

一、目录

1、Core

2、Emitter

3、Fetch

4、Files

5、Language

6、Loading

7、Modal

8、Nav

9、Page

10、Popup

11、Redux

12、Storage

13、System

14、Theme

15、Tools

16、Unmount

二、使用说明

1、Core

Core组件内置一些默认方法

new Core().init();

2、Emitter

Emitter组件包装于 react native DeviceEventEmitter方法

传递数据：

new Emitter().set(name, value);

例：

new Eimtter().set('nickname', '张三');

new Eimtter().set('user', {
    cellphone: '13000000000',
    email: '[email protected]',
});

获取数据：

new Emitter().get(name, success);

例：

new Emitter().get('nickname', data => {
    console.log(data);
    // data = 张三
    // this.setState({nickname: data});
})

在有get方法时，需在页面关闭方法中（componentWillUnmount）将组件注销掉

componentDidMount()
{
    this.emitter = new Eimtter().get('user', data => {
        //data 为要接收的参数，进行下一步操作
    })
}

componentWillUnmount()
{
    if (this.emitter) this.emitter.remove();
}

3、Fetch

Fetch组件用于网络请求
静态参数：

//默认权限名称
Fetch.authDefaultName

//参数
Fetch.params.log                    //log
Fetch.params.timeout                //超时时间
Fetch.params.status                 //错误状态处理
Fetch.params.type                   //默认类型，可用于切换API
Fetch.params.authValue              //存储权限

//权限
Fetch.auth.token
Fetch.auth.session

//状态
Fetch.status.SERVE_TIMEOUT          //网络请求超时
Fetch.status.SERVE_FAILED           //网络请求失败
Fetch.status.SERVE_ERROR            //请求错误

//数据请求类型
Fetch.contentType.application_json
Fetch.contentType.application_www
Fetch.contentType.form_data
Fetch.contentType.text_html

初始化 init 方法

log：true 或 false
timeout：int类型，精确到毫秒
status：错误状态处理，function类型
authValue：权限配置，Array类型

new Fetch().init([
    {name: Fetch.params.log, value: false},                             //log
    {name: Fetch.params.timeout, value: 30000},                         //超时时间
    {name: Fetch.params.status, value: status()},                       //请求状态处理
    {name: Fetch.params.authValue, value: [{name: Fetch.authDefaultName, type: Fetch.auth.token, value: ''}]},
])

status错误状态处理

function status() {
    const fetchStatus = {};
    fetchStatus[Fetch.status.SERVE_TIMEOUT] = () => {
        //请求超时
    };
    fetchStatus[Fetch.status.SERVE_FAILED] = () => {
        //请求失败
    };
    fetchStatus[Fetch.status.SERVE_ERROR] = () => {
        //请求错误
    };
    fetchStatus[401] = () => {
        //没有权限
    };
    //可自行配置 如 404、405等
    return fetchStatus;
}

get 请求

url：请求地址（必填）
body：json参数
params：contentType | isAuth | authValue

new Fetch().get(url, body, params);

例：

const url = 'http://192.168.31.108/api/article/{type}?size={size}&p={p}';

new Fetch().get(url, {type: 1, size: 10, p: 1}).then(res => {
    //请求结果
})

//需要权限验证才能请求到数据，否则请求返回 401 
new Fetch().get(url, {type: 1, size: 10, p: 1}, {isAuth: true}).then(res => {
    //请求结果
})

post 请求

url：请求地址（必填）
body：json参数
params：contentType | isAuth | authValue

new Fetch().post(url, body, params);

例：

const url = 'http://192.168.31.108/api/article/create';

new Fetch().post(url, {name: '1'}).then(res => {
    //请求结果
})

//需要权限验证才能请求到数据，否则请求返回 401 
new Fetch().post(url, {name: '1'}, {
    isAuth: true,
    contentType: Fetch.contentType.application_json
}).then(res => {
    //请求结果
})

put 请求

url：请求地址（必填）
body：json参数
params：contentType | isAuth | authValue

new Fetch().put(url, body, params);

例：

const url = 'http://192.168.31.108/api/article/create';

new Fetch().put(url, {name: '1'}).then(res => {
    //请求结果
})

//需要权限验证才能请求到数据，否则请求返回 401 
new Fetch().put(url, {name: '1'}, {isAuth: true, authValue: 'token值'}).then(res => {
    //请求结果
})

delete 请求

url：请求地址（必填）
body：json参数
params：contentType | isAuth | authValue

new Fetch().delete(url, body, params);

例：

const url = 'http://192.168.31.108/api/article/delete';

new Fetch().delete(url, {id: 1}).then(res => {
    //请求结果
})

getAuthValue

获取权限存储内容

new Fetch().getAuthValue();

getAuthValueByName

根据名称搜索权限

new Fetch().getAuthValueByName(name);

getType

获取默认类型

new Fetch().getType();

getTimeout

获取超时时间

new Fetch().getTimeout();

getStatus

new Fetch().getStatus();

getIsLog

new Fetch().getIsLog();

setAuthValue

写入默认权限
用于登录成功后将token加入默认权限中

new Fetch().setAuthValue(value);

setAuthValueCustom

权限自定义
可自定义多权限，配置多个权限token

new Fetch().setAuthValueCustom(name, type, value);

setType

写入类型

new Fetch().setType(value);

4、Files

文件上传下载工具组件

path

文件存储地址

Files.path

exists

判断文件是否存在

new Files().exists(url);

stop

暂停下载

 new Files().stop(id);

remove

删除文件

new Files().remove(filePath);

download

下载

url：请求地址
filePath：下载保存路径
progressDivider：多少百分比返回一次
beginSuccess：开始下载调用
progressSuccess：下载进行中调用
params：{header:{"Cookie":"cookie"}}

new Files().download(url, filePath, progressDivider, beginSuccess, progressSuccess, params);

upload

文件上传

uploadUrl
files
progressSuccess
params：{header:{}}

new Files().upload(uploadUrl, files, progressSuccess, params);

5、Language

多语言

//多语言类型
Language.type;

//多语言数据存储
Language.data;

init

初始化多语言

languageAll：语言json配置文件。如：{zh:{},en:{}}
defaultName：默认语言。如：zh

new Language().init(languageAll, defaultName);

getLocales

获取系统语言，地区类型

new Language().getLocales();

getType

获取当前存储的语言类型

new Language().getType();

set

写入数据

type：多语言类型
data：多语言数据

new Language().set(type, data);

all

根据名称获取全部

name：配置的页面名称

new Language().all(name);

get

获取详细某一个

name：配置的页面名称。如：page.title,获取的就是page页面，title名称

new Language().get(name);

6、Loading

Loading加载框

静态参数

//类型
Loading.type.system;            //系统默认类型
Loading.type.icon;              //icon 图标
Loading.type.image;             //image 图片
Loading.type.gif;               //gif 图片

//名称
Loading.names.start;            //开始
Loading.names.complete;         //完成
Loading.names.cancel;           //取消
Loading.names.error;            //错误

InitView

初始化 Loading 加载框

params [ ]（不必须）
- name：名称
- type：类型
- value：值
- style：样式（不必须）

//页面配置
<Loading.InitView/>

//初始化方法
new Loading().init(params);

// 例：
new Loading().init([
    {name: Loading.names.start, type: Loading.type.image, value: '图片地址'},
])

isLoading

判断loading是否打开

new Loading().isLoading();

show

显示

content：内容

new Loading().show(content);

hide

隐藏

new Loading().hide();

start

框架自带方法

content

new Loading().start(content);

cancel

框架自带方法

content

new Loading().cancel(content);

complete

框架自带方法

content
func：func有值显示1秒后隐藏，执行func

new Loading().complete(content, func);

error

框架自带方法

content

new Loading().error(content);

small

小的loading，用于数据加载

params：{}
- color
- style

new Loading().small(params);

//例:
new Loading().small();
new Loading().small({color: '#fff'});

7、Modal

Modal 模态弹出框

InitView

初始化 Modal 加载

params
- name
- type
- btn []
  - id
  - text

//页面加载
<Modal.InitView/>

//初始化方法
new Modal().init(params);

静态参数

// 名称
Modal.names.alert;
Modal.names.confirm;
Modal.names.confirmPwd;

// 方向
Modal.type.row; // 行
Modal.type.col; // 列

// 按钮id
Modal.id.one;
Modal.id.two;
Modal.id.three;
Modal.id.four;
Modal.id.five;

show

显示 Modal，默认是 alert

content
func

new Modal().show(content, func);

// 例：
new Modal().show('弹出框', res => {
    // res 返回点击按钮的id
})

hide

隐藏 Modal

new Modal().hide();

alert

单按钮弹出框

content
func

new Modal().alert(content, func);

confirm

确认弹出框

content
func

new Modal().confirm(content, func);

// 例：
new Modal().confirm('是否是confirm', res => {
    if (new Modal().isOne(res)) {
        //点击了第一个按钮
    }
})

confirmPwd

确认带密码框

func

new Modal().confirmPwd(func);

isOne

判断是否点击了第一个按钮

res

 new Modal().confirm('我点击了第一个按钮', res => {
    if (new Modal().isOne(res)) {
        //点击第一个按钮进入这里
    }
});

isTwo

判断是否点击了第二个按钮

res

 new Modal().confirm('我点击了第一个按钮', res => {
    if (new Modal().isTwo(res)) {
        //点击第二个按钮进入这里
    }
});

isThree

判断是否点击了第三个按钮，需要自定义配置，才会出现三个按钮

isFour

判断是否点击了第四个按钮，需要自定义配置，才会出现四个按钮

isFive

判断是否点击了第五个按钮，需要自定义配置，才会出现五个按钮

8、Nav

导航配置

静态参数

//导航 bar 颜色
Nav.headerBar;

//黑色
Nav.barBlack;

//白色
Nav.barWhite;

//header left icon 名称
Nav.headerLeftIconName;

//底部导航名称
Nav.footerName;

//页面渐隐
Nav.fade();

init

初始化导航

params {}
- headerLeftIconName header左侧Icon名称

new Nav().init({headerLeftIconName: 'iconName'});

setThis

写入 this

that 传入当前页面 this

 new Nav().setThis(this);

headerLeft

header 左侧箭头显示

params {}
- color 颜色
- name 名称
- onPress 点击事件

new Nav().headerLeft(params);

// 获取默认配置的 headerLeft
new Nav().headerLeft();

go

跳转

routeName 页面名称
params 跳转传入参数值
timer 延时跳转时间

new Nav().go(routeName, params, timer);

//  例:
new Nav().go('跳转页面', {id: 1});

back

返回

timer

new Nav().back(timer);

empty

清空缓存

routeName
timer

new Nav().empty(routeName, timer);

popToTop

返回到最顶级

timer

new Nav().popToTop(timer);

replace

替换

routeName
params
timer

new Nav().replace(routeName, params, timer);

getHeaderBar

获取header bar

new Nav().getHeaderBar();

setHeaderBar

写入header bar 颜色

value 值

new Nav().setHeaderBar(value);

hide

隐藏底部导航

new Nav().hide();

show

显示底部导航

new Nav().show();

emitterFooter

监听底部导航变化

func 变化后方法

new Nav().emitterFooter(func);

9、Page

(1)、Base

最底层页面

log 查看log
this 获取当前页面this
style 页面样式
isPress 是否可以点击
onBlur 点击失去焦点
onPress 点击事件

render()
{
    return <Page.Base>
        // 内容
    </Page.Base>
}

// 例：
render()
{
    return <Page.Base this={this}>

    </Page.Base>
}

(2)、Render

底层页面，用于一般页面

log
this 获取当前页面this
style render附加样式
innerStyle 内边样式
isPress 是否可以点击
onBlur 点击失去焦点
isBar 是否显示 barView
isHeader 是否显示 headerView
headerStyle header 样式
headerLeft header 左侧图标
headerRight header 右侧图标
barBg bar 背景

render()
{
    return <Page.Render>
        // 内容
    </Page.Render>
}

// this
<Page.Render this={this}>
    // 内容
</Page.Render>

// onBlur
<Page.Render onBlur={this}>
    // 内容
</Page.Render>

// isBar
<Page.Render isBar={false}>
    // 内容
</Page.Render>

// isHeader
<Page.Render isHeader={false}>
    // 内容
</Page.Render>

onBlur

失去焦点事件

that 当前页面this

new Page.Render().onBlur(this);

(3)、Header

header 展示

this
log
title： title显示名称
left：左侧 view
right：右侧 view
style： header 样式
bg： header 背景颜色
titleStyle： title 样式
titleColor： title 颜色
titleSize：title 大小
leftColor：左侧图标颜色
t：marginTop

<Page.Header></Page.Header>

// 例：
<Page.Header title={'title'} right={<View/>}></Page.Header>

(4)、Icon

图标Icon

log
name
size
color
style
t：marginTop
l：marginLeft
r：marginRight
b：marginBottom
onPress

<Page.Icon name={'名称'} onPress={() => {
    // 点击事件
}}>

(5)、Text

文本显示，点击跳转

log
isText：是否全部是文本，默认false
text：显示内容
children：多样内容
color：颜色
size：大小
lineHeight：行高
line：显示行数并且多余的文字小数点替换，必须设置当前 View 的宽度
width：宽度
style
isPress
onPress
onLongPress：长按，不可与onPress同时存在
t
b
l
r

// 基本演示
<Page.Text text={'文本'}/>

// 带点击事件
<Page.Text text={'文本'} OnPress={() => {
    // 点击后操作
}}/>

// 充当跳转点击View，children中添加复杂View
<Page.Text onPress={() => {
    // 点击后操作
}}>
    // children 中
    <Page.Text text={'点击跳转'} color={'#f00'}/>
</Page.Text>

// 长按
<Page.Text text={'长按'} onLongPress={() => {

}}/>

(6)、Slide

Page 滑动组件

log
style
onRefresh：下拉刷新操作
refreshing：下拉刷新loading
loading：显示loading
onPaging：分页执行

<Page.Render>
    <Page.Slide refreshing={true} onrefresh={() => {
        //刷新后操作
    }} loading={true} onPaging={() => {
        //页面滑到底部，要执行分页操作
    }}>
        //页面
    </Page.Slide>
</Page.Render>

(7)、Popup

Page Popup 组件，页面弹出临时页面

log
this
id：唯一编号
type：方向，默认 bottom
width：宽度默认 100
height：高度默认 100
isHide：是否点击隐藏
bg

const popupID = 'popupID';

render()
{
    return <Page.Base>
        <Page.Render>
            // 正常页面显示
        </Page.Render>
        <Page.Popup this={this} id={popupID} type={Page.Popup.type.bottom}>
            // 页面配置
            <Page.Header title={'我是Popup Title'} left={new Nav().headerLeft()}/>
        </Page.Popup>
    </Page.Base>
}

静态参数

// 出现方向
Page.Popup.type.left;
Page.Popup.type.right;
Page.Popup.type.top;
Page.Popup.type.bottom;

// 宽度比例
Page.Popup.width["30"];
Page.Popup.width["40"];
Page.Popup.width["50"];
Page.Popup.width["75"];
Page.Popup.width["100"];

// 高度比例
Page.Popup.height["30"];
Page.Popup.height["40"];
Page.Popup.height["50"];
Page.Popup.height["75"];
Page.Popup.height["100"];

(8)、VerifyCode

发送验证码

//页面

export default class page_demo extends Component {
    #name = "page_demo";

    // ...
    constructor() {
        // ...
        this.VerifyCodeModal = new Page.VerifyCode(this, this.#name);
    }

    componentDidMount() {
        // ...
        this.VerifyCodeModal.set('获取验证码', 30);
    }

    componentWillUnmount() {
        // ...
        this.VerifyCodeModal.remove();
    }

    render() {
        return <Page.Render>
            <Page.Text text={this.VerifyCodeModal.getText()} onPress={() => {
                new Page.Render().onBlur(this);
                this.VerifyCodeModal.onPress().then(res => {
                    //发送成功
                    this.VerifyCodeModal.send();
                })
            }}/>
        </Page.Render>
    }

}

(9)、Clipboard

剪切板，复制

value：复制的值

new Page().Clipboard(value);

(10)、Linking

打开新的浏览器

url：url地址

new Page().Linking(url);

10、Popup

页面弹出 Popup

静态参数

// 名称
Popup.names.view;           // View 显示
Popup.names.select;         // select 选择
Popup.names.tips;           // tips 提示框
Popup.names.headerTips;     // headerTips 提示框

// 出现方向
Popup.type.left;
Popup.type.right;
Popup.type.top;
Popup.type.bottom;

// 宽度比例
Popup.width["30"];
Popup.width["40"];
Popup.width["50"];
Popup.width["75"];
Popup.width["100"];

// 高度比例
Popup.height["30"];
Popup.height["40"];
Popup.height["50"];
Popup.height["75"];
Popup.height["100"];

init

初始化 Popup

params []
- name
- type
- width
- height
- style

// 页面初始化
<Popup.InitView/>

// 初始化方法
new Popup().init();

// 例：
new Popup().init([
    {
        name: Popup.names.view, type: Popup.type.top,
        width: Popup.width["100"], height: Popup.height["50"]
    }
])

show

默认显示 view

data 显示View

new Popup().show(data);

// 例：
new Popup().show('显示');
new Popup().show(<View/>);

hide

隐藏

 new Popup().hide();

view

data 显示View

new Popup().view(data);

select

select 选择框

arr：显示数组
func：选中返回，返回选中的值在数组中的位置
params：配置
- text：显示字段，默认取数组中text字段，可以配置
- title：显示标题
- isCancel：是否有取消选项

new Popup().select(arr, func, params);

// 例：
const arr = [{id: 1, a: '张三'}, {id: 2, a: '李四'}];
new Popup().select(arr, res => {
    // 返回数组中选中的id
    // arr[res].id;
}, {text: 'a'});

headerTips

header tips 头部提示框， 1.5秒后自动消失

data
params {}
- color
- bg

new Popup().headerTips(data, params);

// 例：
new Popup().headerTips('显示内容', {color: '#fff', bg: '#f00'});

headerTipsError

header tips 头部错误提示框， 1.5秒后自动消失，背景色位为红色

content
params

new Popup().headerTipsError(content, params);

11、Redux

App内数据临时存储，App关闭后数据清空

init

初始化

params []
- name
- value

new Redux().init(params);

// 例：
new Redux().init([
    {name: 'nickname', value: '张三'},
])

listen

监听

name
func

new Redux().listen(name, func);

// 监听 nickname 变化
new Redux().listen('nickname', res => {
    // 每次变化都会进来
})

add

添加，第一次创建

name
value

new Redux().add(name, value);

adds

添加多个

params []
- name
- value

new Redux().adds(params);

update

修改，如果没有，则不会自动创建

name
value

new Redux().update(name, value);

remove

删除

name

new Redux().remove(name);

get

获取

name

new Redux().get(name);

12、Storage

持久化存储，App不删除，就会一直存在

静态参数

// 类型
Storage.type.getJson;   // 可以获取object 类型
Storage.type.get;       // 只能获取string 类型

init

初始化

params []
- name：名称
- type：类型
- value：值

new Storage().init(params);

// 例：
new Storage().init([
    {name: 'nickname', type: Storage.type.get, value: '张三'},
    {name: 'user', type: Storage.type.getJson, value: {id: 1, name: '李四'}}
])

set

写入string类型

key
value

new Storage().set(key, value);

setJson

写入Json类型

key
value

new Storage().setJson(key, value);

get

获取string类型的存储值

key

new Storage().get(key);

getJson

获取Json 类型的存储值

key

new Storage().getJson(key);

remove

删除

key

new Storage().remove(key);

13、System

系统方法

isVersionToUpdate

是否有版本更新

serveV：服务器 version
serveB：服务器：build
isAndroid：安卓是否更新,默认：true
isIos：ios是否更新，默认：true

new System().isVersionToUpdate(serveV, serveB, isAndroid, isIos);

14、Theme

主题设置

init

初始化设置

themeAll：所有主题样式json
defaultName：默认主题样式名称

  new Theme().init(themeAll, defaultName);

getType

获取当前主题类型

new Theme().getType();

get

获取当前主题

new Theme().get();

set

修改主题

themeAll
type

new Theme().set(themeAll, type);

15、Tools

工具模块

isArray

判断是否为数组

value

Tools.isArray(value);
// return false or true

isAmount

判断是否是金额

value

Tools.isAmount(value);
// return false or true

isNum

判断是否是数字

value

Tools.isNum(value);
// return false or true

isJson

判断是否是Json

value

Tools.isJson(value);
// return false or true

isLastIndexOf

判断最后一个字符是否相等

str：string类型字符串
value：要判断的字符

Tools.isLastIndexOf(str, value);
// return false or true

copy

深拷贝

value

Tools.copy(value);

replaceWithJson

用json替换string中的值

value：string类型字符串
json：json类型

Tools.replaceWithJson(value, json);

replaceOrSpliceToUrl

拼接或替换转换为url

value
json

Tools.replaceOrSpliceToUrl(value, json);

jsonToSearch

将json转换为search

json

Tools.jsonToSearch(json);

arrayToSearch

将array数组转换为search +arr

Tools.arrayToSearch(arr);

searchToJson

将search转换为json

value

Tools.searchToJson(value);

getFromFirst

获取从前数几个字符

value
length：长度，默认：1

Tools.getFromFirst(value, length = 1);

getFromLast

获取从后数几个字符

value
length

Tools.getFromLast(value, length = 1);

selectArrayByParams

搜索数组，返回对比值

array：数组
params：参数
value：对比值

Tools.selectArrayByParams(array, params, value);

selectArrayByArray

搜索数组，返回匹配一个或多个值

array
params
value

Tools.selectArrayByArray(array, params, value);

JsonContrast

json 对比，返回true or false

jsonOne
jsonTwo

Tools.JsonContrast(jsonOne, jsonTwo);

scientificCount

转换科学计数法

value

Tools.scientificCount(value);

amountConversion

金额转换，三位一个逗号，1,000

value

Tools.amountConversion(value);

amount

金额转换

value
params {}
- convert：是否科学计数，默认true
- min：最小小数位，默认 2 位
- max：最大小数位，默认 4 位

Tools.amount(value, params);

cutString

格式化字符串，将重中间文字替换

value：文字
count：左右保留个数，默认 10 位
unit：替换为，默认：...

Tools.cutString(value, count = 10, unit = '...');

formatDate

格式化时间

date
unit：中间间隔显示，默认 -

Tools.formatDate(date, unit = '-');

formatDateTimezoneOffset

格式化时间并且削正时区偏差

date
unit

Tools.formatDateTimezoneOffset(date, unit = '-');

shuffle

洗牌，打乱数组

arr

Tools.shuffle(arr);

randomXY

生成随机坐标轴

rangeX：X轴参数 [起始数值，结束数值]
rangeY：Y轴参数 [起始数值，结束数值]
count：总共多少个
params：[]
- areas：[0,0,0,0,0,0]
  - 分别代表 width，height，y轴top，x轴right，y轴Bottom，x轴left

Tools.randomXY(arngeX = [], arngeY = [], count, params = {});

versionContrast

版本对比

newVersion
newBuild
version
build

Tools.versionContrast(newVersion, newBuild, version, build);

16、Unmount

页面卸载

start

每次打开页面执行start

name：页面名称

new Unmount().start(name);

// 或

this.unmount = new Unmount(name);
this.unmount.start();

end

每次关闭一个页面执行end

name

new Unmount().end(name);

// 或

this.unmount = new Unmount(name);
this.unmount.end();

confirm

用于判断这个页面是否关闭

name

new Unmount().confirm(name);

// 或

this.unmount = new Unmount(name);
this.unmount.confirm();

// 例：
if (this.unmount.confirm()) {
    //执行操作
}

Name		Name	Last commit message	Last commit date
Latest commit History 308 Commits
.github		.github
core		core
modules		modules
.gitignore		.gitignore
LICENSE		LICENSE
README.md		README.md
index.js		index.js
package.json		package.json

License

gzh1612/react-native-womasoft

Folders and files

Latest commit

History

Repository files navigation

react-native-womasoft

简介

安装初始化

创建项目

创建新项目

在新项目中引用框架

npm

yarn

引入导航框架

npm

yarn

引用其他框架

npm

yarn

代码模板

说明文档

一、目录

1、Core

2、Emitter

3、Fetch

4、Files

5、Language

6、Loading

7、Modal

8、Nav

9、Page

10、Popup

11、Redux

12、Storage

13、System

14、Theme

15、Tools

16、Unmount

二、使用说明

1、Core

2、Emitter

3、Fetch

初始化 init 方法

get 请求

post 请求

put 请求

delete 请求

getAuthValue

getAuthValueByName

getType

getTimeout

getStatus

getIsLog

setAuthValue

setAuthValueCustom

setType

4、Files

path

exists

stop

remove

download

upload

5、Language

init

getLocales

getType

set

all

get

6、Loading

静态参数

InitView

isLoading

show

hide

next

start

cancel