2017年02月_天外野草

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 React-Native之IOS本地模块的应用实践分享（仅此一篇足以...）

前言React-Native从诞生至今，火热程度已经不言而喻，在不断的框架迭代过程中，RN也提供了丰富的组件，以供开发者使用，但是在实际应用中，我们可能需要更为丰富的交互组件，但是RN中又没有及时提供，这时候我们就需要使用RN的本地模块，本地模块即可以使用JS调用Native，也可以使用Native调用JS, 并传递各种参数，实现完整功能，接下来我们看看具体的使用方法，方便大家参考学习，如果想了解更

2017-02-15 20:20:59 8398

原创 React-Native跨平台多屏幕尺寸适配方案一览

前言对于RN而言，跨平台已经是不二之选，那么对于不同平台的尺寸的适配又是一个亘古的难题，下面说一下我再项目中的一点实践心得，大神勿喷。方法getstatic静态方法，进行返回屏幕的像素密度。一些例子如下:PixelRatio.get()==1 mdpi Android设备(160 dpi) PixelRatio.get()==1.5 hdpi Android设备(240 dpi)

2017-02-23 21:40:44 13669 1

原创 JavaScript判断输入是否为数字类型（代码记录...）

前言很多时候需要判断一个输入是否位数字，下面简单列举集中方法。第一种方法 isNaNisNaN　　返回一个 Boolean 值，指明提供的值是否是保留值 NaN （不是数字）。　　NaN 即 Not a Number 　　isNaN(numValue)但是如果numValue果是一个空串或是一个空格，而isNaN是做为数字0进行处理的，而parseInt与parseFloat是返回一个错误消

2017-02-22 20:53:47 48384 1

原创 React-Native屏幕适配之ImageView的应用解析

前言对于移动设备来讲，屏幕适配是必不可少的一个工作，但是对于Android和IOS两个平台，图片适配各不相同，那么在React Native中又是如何应用的呢？Native适配方案这里我们先说一下Android和IOS两大平台如何进行图片适配的。1.AndroidAndroid平台采用drawable文件夹区分不同分辨率的图片，android系统会自动区分当前手机的分辨率，并自动进行图片适配，同理也

2017-02-13 11:03:52 3410

原创 React-Native项目中应用剪贴板复制粘贴操作

前言很多APP中都会用到剪贴板的操作，对于React-Native来讲同样也可以实现这个功能。方法Clipboard组件可以在iOS和Android的剪贴板中读写内容。常用API1.得到复制内容static getString() 获取剪贴板的文本内容，返回一个Promise你可以用下面的方式来调用。async _getContent() { var content = await Clipboa

2017-02-10 17:19:30 9533

原创 React Native监听Android回退按键，程序化退出应用

前言我们知道Android回退按键，会控制页面返回，并且退出应用并非真正意义退出，仍在后台运行，所以在某些场景下需要监控android回退按键，那么在React Native中应该如何应用呢？我们具体来看看。BackAndroid此模块用于监听硬件的back键操作。看下具体代码：BackAndroid.addEventListener('hardwareBackPress', function()

2017-02-10 16:26:29 6378