Taro框架小程序开发

Taro简介：Taro是一个开放的跨端跨框架解决方案，支持使用React/Vue/Nev和其他框架开发////applets/H5/RN和其他app。

开发前需要了解的知识：React Hooks、微信小程序语法等

安装

可以单击详细的安装步骤

#使用npm安装CLI

$npm安装-g@tarojs/cli

#使用命令创建模板项目

taro init myApp（您的项目名称）

#输入项目根目录

$cd我的app

#使用npm安装依赖项

$npm安装

#编译并运行XX小程序。您可以在json文件的目录Scripts属性中查看包

$npm运行dev:weapp

$npm运行构建：weapp

安装项目后，如果是微信小程序，还需要安装微信开发者工具。安装后，打开已编译并正在运行的项目以查看效果。要成功运行，必须编译并运行Taro程序以替换微信小程序的语法。

项目描述

//原生微信小程序

-页数

-索引

-索引.js

-索引.json

-索引.wxml

-索引.wxss

//Taro开发小程序项目目录

-页数

-索引

-索引配置.js

-索引.jsx

-无索引

注意：微信小程序标签和html标签有区别：div->view、span->Text等。在Taro中，如果您想将其编译为多终端小程序，您需要将原始标签view->view、Text->Text

挂钩功能

在开发小程序的过程中，常用的钩子函数有：

从“react”导入｛useState，useEffect｝；

从“@tarojs/Taro”导入Taro、｛getCurrentInstance、useReachBottom、pageScrollTo、useDidShow｝；

简单下拉刷新控件的实现：

const[refresh，setRefresh]=useState（false）；

//自定义下拉刷新已触发

常量刷新=（）=>{

setRefresh（true）；

setTimeout（（）=>{

setRefresh（假）；

}, 1000);

};

//自定义下拉刷新被重置

常量恢复=（）=>{

//触发器相关请求

};

<滚动视图

onRefresherRefresh=｛onRefresh｝

onRefresherRestore=｛onRestore｝

刷新已启用

refresherTriggered=｛refresh｝

>

＜查看＞下拉刷新＜查看＞