分类：React-Native

2021
10-13

教你使用vscode 搭建react-native开发环境

问题代码没有提示：许多刚接触RN开发的非前端同学，都会问“哪个编辑器有智能提示？”。。。而对于前端同学来说，现在的日子已经好很多了，要什么自行车。低级代码错误：这里的错误是指类似拼写错误，符号错误等。写完代码，跑起来各种报错，有时候费死劲的找，最后发现是个中文的分号问题。解决办法可选的方案大概有：使用typescript:直接使用有静态类型支持的js版本，but要再学习一套语法，而且我的代码都是ts写的，但很... 继续阅读 >

2021
05-23

React-Native 环境搭建和基本介绍

环境搭建准备1.环境搭建ReactNative中文网2.开发工具前端开发软件：VisualStudioCode移动端开发软件：Xcode、AndroidStudio3.知识储备NodeJSReactEs6,Es7ReactNative介绍ReactNaitve的简介：Facebook在React.jsConf2015大会上推出的一个用于开发Android和iOSApp的一个框架，主要编程语言是JavaScript。它的出现使用即拥有Native的用户体验，又保留React的开发效率。在ReactNative出现前，我们通常会选择这三种移动技... 继续阅读 >

2021
01-17

react-native 实现购物车滑动删除效果的示例代码

购物车的功能基本上电商项目都会有的，这是一篇关于react-native的，原生android的已经好久没写了。记得以前写原生购物车的时候，遇到过产品的灵魂质问，为啥iOS的滑动删除可以，android却那么难实现的。这个时候，我就打开微信说，android的微信版也是长按进行操作，iOS的是滑动操作的，两个平台自带的系统交互操作是不一样的。当然，最后还是默默的找各种三方库去进行滑动删除。rn的项目也是找的网上的一个三方库进行列表滑动操... 继续阅读 >

2020
10-08

android中使用react-native设置应用启动页过程详解

一、背景在我们使用react-native进行编写代码的时候，当启动应用的时候，我们会看到如下界面 然而，这样的启动界面是非常的不又好，那么我们该怎么进行处理启动界面呢？有如下两种方案二、方案1.使用第三方库(react-native-splash-screen)2.ios系统设置（仅适用ios系统，在这里不做讲解）三、具体实现方式一).react-native-splash-screen1.安装npmireact-native-splash-screen--save2.链接到底层代码 1.自动配置链接... 继续阅读 >

2020
09-27

VS Code开发React-Native及Flutter 开启无线局域网安卓真机调试问题

笔者前段时间在做react-native开发，一直是有线连接安卓真机进行调试的。有线调试确实带来诸多麻烦，因为在调试过程中需要频繁和手机进行交互，导致有时候数据线脱落，就不得不重新安装debugapk，安装一次应用的时间大概在一到三分钟，大量的误触就使得花在安装应用花费的时间比较长。这几天在研究flutter，就上网搜了一下vscode开发flutter开启无线调试。然后顺藤摸瓜，把react-native的无线调试也试了一下。参考文章：vscode... 继续阅读 >