npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

react-native-template-wx

v0.0.55

Published

wx的脚手架

Downloads

19

Readme

react-native-template-wx

介绍

使用本脚手架生成的项目,将自动集成如下东西

1.react-navigation 3.x版本,并写好了路由的示例代码

2.mobx 5.x版本

3.fetch工具类 写好了get,post,postFrom,支持超时

4.全局Toast 不用写Toast组件,直接使用类方法即可调用

5.全局Loading 不用写Loading组件,直接使用类方法即可调用,iOS上使用的是'MBProgressHUD', '~> 1.1.0'"

6.rn-fetch-blob 用于下载,写好了一个下载bundle的方法

7.iOS原生工程做了改动 支持不同rn分开打包加载,并可以通过fetch-blob下载(意思就是可以把bundle放在服务端,直接下载加载在打包好的ipa包,可以理解为一个简约的热更新)

8.新增Echart组件

预备工作

安装好 node,react-native-cli,cocoapods,xcode,Android Studio

使用方法

新建项目

1.新建项目

react-native init 项目名 --template wx

2.新建的项目中会有个scripts.json,请将里面的命令复制到package.json的scripts代码块中

3.执行命令

cd 项目根目录下
npm run init

iOS

两种方式

1.

进入项目中的ios文件夹下

双击workspace,即可运行

2.

cd 项目根目录

react-native run-ios

Android

两种方式

1.

使用Android Studio打开android文件夹下的项目,等待build完毕运行

2.

cd 项目根目录

react-native run-android

TODO

  1. 调研res资源文件是否可以多路径/多源
  2. 编写脚本:拷贝package.json到Android项目中并移除项目名