- 博客(56)
- 收藏
- 关注
RSS订阅原创 react-native-scrollable-tab-view
顶部选项卡用这个比top那个好很多，安装：npm install react-native-scrollable-tab-view --save引入：import ScrollableTabView, {DefaultTabBar, ScrollableTabBar,} from 'react-native-scrollable-tab-view'return ( <Scroll...
2019-06-30 17:17:20
237
原创 redux中使用connect的方法
connect用法介绍：connect([mapStateToProps], [mapDispatchToProps], [mergeProps],[options])作用：连接React组件与Redux storeclass MyComp extends Component { // content...} const Comp = connect(...args)(MyCom...
2019-06-30 10:22:31
765
原创 最简单的React和Redux整合的例子
import React, { Component } from 'react';import ReactDOM from 'react-dom';import { createStore } from 'redux';import { Provider, connect } from 'react-redux'; //定义组件class App extends Component...
2019-06-30 09:36:29
396
原创 reac和redux完整开发篇 项目实战
react+redux，相当于是MVC框架把V和C分开，如果没有redux，会使用众多的state和this.state，和各种方法，使程序变得很乱实战一个项目：class App extends Component { consructor(props) { super(props); this.state = { } } _addTodo() {...
2019-06-29 18:30:39
1165
原创 js中pop用法
定义和用法pop() 方法用于删除并返回数组的最后一个元素。语法：arrayObejct.pop()pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。push是增加用的unshift：unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长...
2019-06-29 17:10:04
6347
原创 PropTypes正确使用方法
import React, { Component } from 'react'; 这个是会报错，bugimport PropTypes from 'prop-types'; 这个就是对的把PropTypes 从prop-types 中引入写在class ......{ static proptypes = { .... }}...
2019-06-28 00:09:08
1485
原创 StatusBar转态栏
参考：https://blog.csdn.net/suwu150/article/details/829454801.animated2.hidden3.StatusBar.setBarStyle(0) 指的是是否显示状态栏 0是显示，1是隐藏Boolean中 0为false，1为true。...
2019-06-27 22:13:03
139
原创 Icon.Button使用方法
参考链接：https://www.cnblogs.com/moxiaoyan33/p/5482024.html <Icon.Button //在图片后加, 自定义样式的文字 name="facebook" backgroundColor="#3b5998"> <Text style={{fontFamily: 'Ar...
2019-06-27 13:07:10
1284
原创 使用react-native-vector-icons中出现图标问号
一般这些，问题是库的内容没有引入进来，第二个问题是，名字发生了突变，这个时候到node_modules中找到，AntDesign.js.flow就可以看icons名字了
2019-06-27 08:34:50
920
原创 App设计图学习
参考：https://www.25xt.com/appsize参考：https://www.25xt.com/appdesign/10302.html
2019-06-26 19:31:41
96
原创 React Native不同设备分辨率适配和设计稿尺寸单位px的适配
React Native中使用的尺寸单位是dp(一种基于屏幕密度的抽象单位。在每英寸160点的显示器上，1dp = 1px),而设计师使用的是px, 这两种尺寸如何换算呢？官方提供了PixelRatio进行pt到px的转换import {PixelRatio} from 'react-native';const dp2px = dp=>PixelRatio.getPixelSizeFo...
2019-06-26 19:22:47
3722
2
原创 react-native 组件库
参考网站：https://www.jianshu.com/p/18fd4b438958https://www.jianshu.com/p/319133ee23cahttps://www.jianshu.com/p/e77d0a6468ff
2019-06-26 11:43:34
221
原创 ES6中类的静态方法=> static 的使用
类就是实例的原型，以前我们一般会new一个test(),有在类中(test)定义的方法，都会被实例继承。如果在一个方法前，加上static关键字，就表示该方法不会被实例继承，而是直接通过类来调用，这就称为“静态方法”class Father { static testMethod() { return 'hello'; } } Father.testMethod() // 'he...
2019-06-24 23:52:15
1783
原创 TabBar深入学习
参考：https://coding.imooc.com/learn/questiondetail/88547.html参考知识：https://blog.csdn.net/m0_38066007/article/details/90233115createStackNavigator中嵌套使用createBottomTabNavigator，如何动态设置header需要嵌套需要用create...
2019-06-24 23:03:12
105
原创 mac电脑快捷键
特殊的符号，比如快捷键中常用符号⌘（command）、⌥（option）、⇧（shift）、⇪（caps lock）、⌃（control）、↩（return）、⌅（enter）甚至其他更多的符号等却无法用这两种方法快速输入，那么如何输入这些特殊符号...
2019-06-23 11:52:10
145
原创 createMaterialBottomTabNavigator的使用
参考链接：https://www.jianshu.com/p/21ce0c75a163这个比createBottomTabNavigator更加cool，但是不属于react-navigation中的组件需要安装react-native-vector-iconsyarn add react-native-vector-iconsreact-native link react-native-...
2019-06-23 11:01:59
824
原创 React 组件生命周期学习 高阶组件 PropTypes
React组件生命周期：1.生命周期三个状态： Mounting：已插入真实的DOM Updating：正在被重新渲染 Unmounting：以被移除DOM2.生命周期： componentWillMount：在渲染前调用，在客服端也在服务端...
2019-06-22 00:34:17
306
原创 export default 和 export 区别
1、export 与 export default 都可以用于导出常量、函数、文件、模块等；2、使用通过import （常量 | 函数 | 文件 | 模块） 的方式导入使用；3、在一个文件或模块中，export、import 可以有多个，而 export default 只有一个；4、通过 export 方式导出，import时需要加 { }，export default，import时不需...
2019-06-21 22:49:08
1015
原创 react-navigation学习
参考：https://www.jianshu.com/p/f662ea5ef340https://www.jianshu.com/p/4074c9bfbafdhttp://www.imooc.com/article/269529在React Navigation中有以下7种类型的导航器：createStackNavigator: 类似于普通的Navigator，屏幕上方导航栏；creat...
2019-06-20 18:07:19
135
原创 react-native开发工具 IDE
Atom + Nuclide已经被官方停止运行github中开源软件：Deco IDE是开发react-native项目的，目前只有Mac版本安装教程：1.下载2.安装Vscode插件安装：atom：https://www.jianshu.com/p/a64863903277/https://www.jianshu.com/p/a64863903277/...
2019-06-20 12:12:34
483
原创 react学习
function Welcome(props) { return <h1>Hello, {props.name}</h1>;}相当于：class Welcome extends React.Component { render() { return <h1>Hello, {this.props.name}</h1>; // ...
2019-06-20 08:55:42
82
原创 react-native-vector-icons图标使用
参考链接：http://www.mamicode.com/info-detail-2343986.html安装：1.npm install --save react-native-vector-icons # or yarn add react-native-vector-icons2.react-native link react-native-vector-icons # or np...
2019-06-20 08:49:36
994
原创 redux中connect用法 state
作用：连接React组件与 Redux store参考链接：https://www.jianshu.com/p/4af924709b35export default connect(mapStateToProps, mapDispatchToProps)(Counter)https://www.jianshu.com/p/2a20c8485a90react 中的 state： 指的是组件...
2019-06-19 22:45:19
1087
原创 react这个什么意思Messages {...this.props} 字组件和父组件
this.props是获取父组件传递过来的属性，此处应是获取来自父组件的属性，再传递给Message这个子组件react是单向数据流，从父组件把数据传给字组件：在 React 应用中，数据通过 props 的传递，从父组件流向子组件注意：此处使用了 onClick={() => alert(‘click’)} 的方式向 onClick 这个 prop 传入一个函数。React 将在单...
2019-06-19 22:06:23
611
原创 异步redux
Action：当调用异步API时，有两个非常关键的时刻：发起请求的时刻，和接收到响应的时刻（也可能超时）这两个时刻都可能会更改应用的state，为此，你需要dispatch普通的同步到action，一个情况下，每个API都需要dispatch至少三种action使用store时const store = createStore(rootReducer) 异步数据流：默认情况下，crea...
2019-06-19 18:54:43
174
原创 关于js中的同步和异步
js中，最基础的异步是setTimeout和setInterval函数，参考网站：https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setTimeoutJavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率...
2019-06-19 11:24:08
169
原创 同步和异步的区别
同步：同步的思想是：所有的操作都做完，才返回给用户。这样用户在线等待的时间太长，给用户一种卡死了的感觉（就是系统迁移中，点击了迁移，界面就不动了，但是程序还在执行，卡死了的感觉）。这种情况下，用户不能关闭界面，如果关闭了，即迁移程序就中断了。异步：将用户请求放入消息队列，并反馈给用户，系统迁移程序已经启动，你可以关闭浏览器了。然后程序再慢慢地去写入数据库去。这就是异步。但是用户没有卡死的感觉...
2019-06-19 11:03:23
535
原创 react-nativeApp名字配置
修改APP名称找到android/app/src/main/AndroidManifest.xml<application android:name=".MainApplication" android:label="@string/app_name" android:icon="@mipmap/ic_launche...
2019-06-19 10:00:13
403
原创 react-native APP图标和名字的配置
Android：参考链接：https://blog.csdn.net/wujian543/article/details/799299835、建议在xdhpi中作图安卓手机有这么多屏幕，我到底依据哪种屏幕作图呢？没有必要为不同密度的手机都提供一套素材，大部分情况下，一套就够了。现在手机比较高的分辨率是1080×1920，你可以选择这个尺寸作图，但是图片素材将会增大应用安装包的大小。并且尺...
2019-06-19 09:44:29
1270
原创 logo制作软件 Ai怎么设计创意LOGO
illustrator经常被用来制作矢量Logo图，illustrator中带有的各种实用工具，可以轻松帮助我们发现LOGO创意。https://jingyan.baidu.com/article/acf728fd7d674bf8e410a34b.html...
2019-06-18 23:28:18
684
原创 xcode设置iosApp启动界面
在xcode打开 ios–AwesomProject.xcodeproj在Awesome（项目名字）----项目名字—images.xcassets到右下角加号 + new image set 然后把设置好的icon.png icon@2x.png icon@3x.png加入进去参考视频：https://www.youtube.com/watch?v=H0CC1UsvjDQ然后点击Lau...
2019-06-18 23:25:58
2045
原创 ios图标和启动界面设置 apple分辨率，Photoshop快速切出UI设计中@1.5X、@2X、@3X
参考链接:https://www.jianshu.com/p/073eae3bfd1a开发iOS的时候，使用点作为基本单位会更加方便。列表对比这里的点和像素可以初步理解成，一个点等于多少个像素。2x，就是1个点等于2个像素。手机屏幕的物理长度，使用英寸作为单位。比如iPhone 4屏幕是3.5英寸，iPhone 5 是4英寸，iphone 6是4.7英寸，这里的数字是指手机屏幕对角线的物理...
2019-06-18 21:42:25
1279
原创 react-native 启动界面全屏设置 隐藏系统状态栏
android启动页怎么设置全屏显示了？import android.os.Bundle; // hereimport com.facebook.react.ReactActivity;// react-native-splash-screen >= 0.3.1import org.devio.rn.splashscreen.SplashScreen; // here// reac...
2019-06-18 21:30:52
4303
1
原创 ReactNative报错：Development server returned response error code: 500
解决办法：首先上面那个 10.0.0.2:8081的地址是不对的，是手机（！！）本地的地址。解决办法： 我用的是真机，摇晃手机会出来一个弹窗，在dev-setting里面设置debug server host & port for device,例如192.168.101:8081(你自己电脑的ip地址!)the end...
2019-06-18 19:40:27
145
原创 react-native-splash-screen使用的坑
参考链接：https://github.com/crazycodeboy/react-native-splash-screen就OK了红屏：是上一个应用没有关闭，所以重启终端就行了，develop server这些app not register这些还有事not found npm 需要重新安装npm install 先删除rm -rf nod…...
2019-06-18 16:56:28
960
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人