Ctrl_S的博客

@react-native-diy/tabview一个好用的 TabView 组件，主要基于@react-native-community/viewpager封装，同时配合react-native-web也支持在 Web 上使用此组件主要是由TabBar和MyViewPager两部分组成：TabBar是基于ScrollView封装而成，支持文字随着滚动一直居中，支持指示器（下划线）随着文字长度而自行变化，也支持调整指示器（下划线）的长度比率，同时也支持滚动和固定模式MyViewPager是基于@re

前言在移动设备上进行自动化测试最困难的部分是测试金字塔的顶端——E2E。E2E 测试的核心问题是片状性——测试通常不是确定性的。我们相信，要想迎面解决这个问题，唯一的方法就是从黑盒测试转移到灰盒测试。Detox 是移动应用程序的灰盒端到端测试和自动化框架。当你的手机应用程序在真实设备/模拟器上运行时，使用 Detox 测试它，就像一个真实的用户一样，这大降低了我们对手工 QA 的依赖。D...

搭建环境 关于 RN 的环境搭建这里就不再赘述了。详情参考官方文档新建工程使用Facebook提供的react-native-cli工具新建工程， 步骤如下：执行react-native init rndiy，生成空的工程node_modules安装成后，提示你运行工程。这里，我们在 Android、IOS 上都演示下新建空的 RN 工程就已经完成了, 是不是很简单。...

关于ReactNativeReact Native(简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架React在原生移动应用平台的衍生产物，目前支持IOS和Android两大平台。React Native主张"Learn once, write anywhere",

前言单元测试（unit testing），是指对软件中的最小可测试单元进行检查和验证，一般针对的是函数、类或单个组件，不涉及系统和集成。单元测试是软件测试的基础测试，进行充分的单元测试，是提高软件质量，降低开发成本的必由之路。对于程序员来说，如果养成了对自己写的代码进行单元测试的习惯，不但可以写出高质量的代码，而且还能提高编程水平。所以说单元测试是软件开发当中不可缺少的环节。针对 RN 的单元...

前言上节我们简单的对工程初始化作了些补充，这节我们来思考下工程文件的划分以及命名。可能我们平常开发中不会太多注重这些，但是对于有代码洁癖的我来说这是不能容忍的，我们现在来简单讨论下。什么是文件夹？文件夹以什么命令合适？文件夹多少层合适？什么是文件夹文件夹，这个问题可能问得有点傻？可能大多数人回答的是，将许多不同的文件放在一起就形成了文件夹。其实这说法是错误的，关键就在于说是不...

前言思来想去，还是用Typescript来编写脚手架工程吧。为什么使用Typescript呢？Typescript 是 Javascript 的超集Typescript 让抽象清晰可见Typescript 使代码更容易阅读和理解安装安装分成两种，局部安装与全局安装，强烈建议全局安装局部安装(在项目的工作目录中)npm install typescript --save-d...

前言代码规范，也算是个老生常谈的问题。如何写出优秀漂亮的代码，是每个程序员的必修课。得益于开源伟大思想，许多大厂都制定了一系列的代码规范并发布在市场上。正所谓"前人栽树，后人乘凉"，我们就不必去大费周章的去定义代码规范，只要做到遵守就好了。可能我们了解了有哪些代码规范，但是在编码当中我们难以百分百的遵守，所以我们还需要一个东西去约束我们编写优秀漂亮的代码。这里就脚手架工程，从 IDE（编辑器）、...

Nodenode -v #显示版本，检查node是否正确安装node src/test.js #执行src目录下test.js文件NPMnpm -v #显示版本，检查npm 是否正确安装npm install #安装package.json下所有的模块npm install react-navigation --save 或 -S #安装react-...

ESLintESLint 是一个按照规则给出报告的代码检测工具，使用它可以避免低级错误和统一代码风格，这对公司团队开发非常实用。安装1.全局安装如果你想使用ESLint适用于你所有的项目，建议全局安装ESLintnpm i -g eslint初始化配置文件./node_modules/.bin/eslint --init2.局部安装单个项目使用npm i...