摘要：Bug如下图所示: iOS显示正常,而安卓出现图片被挤压上去. 最后的解决方法: 比如你的 图片 是 750 x 513 那么 你设置样式的时候 width 为 屏幕的宽 ，高度为 屏幕的 宽 / (750 /513)这样就保留了原图的宽高比. 不理解的是为什么其他的没有问题,就是在这个引导页的实现
阅读全文
摘要：算是学习React Native的一次项目总结吧,目的还是提高自己. 包含的内容: 1>仿"美团"页面的实现; 2>封装项目中和自己常用的一些组件; 3>学习别人源码的项目,自己动手实现了一遍,里面添加自己的代码规范; 4>第三方开源库的使用; 5>添加项目中常见的功能和界面的实现<后面持续更新!>
阅读全文
摘要：记录一下自己暂目前了解和使用的一些开源库和官方文档和优秀博客介绍,希望对你有帮助☺️: 1.Toast: https://github.com/magicismight/react-native-root-toast 2.图标的使用: https://github.com/oblador/react
阅读全文
摘要：今天在使用react-native-scrollable-tab-view的时候出现下划线第一次显示的时候不显示,需要点击切换才可以显示. 通过各种实践发现是0.6.7版本问题. 解决实现: react-native-scrollable-tab-view第三方库降级实现. 一开始是直接修改pack
阅读全文
摘要：今天是肿么了......一上班创建React Native项目,react-native run-ios运行就报错,运行不了...呜呜...... 一开始以为自己react-native run-ios命令敲错,再然后以为Xcode缓存,再然后以为电脑问题,关机重启...问题依然存在,好在解决了..
阅读全文
摘要：最近使用ReactNative做项目,有信心今天目标把ReactNative框架掌握,所以自己从每个知识点学习提高自己吧...... 步骤如下: 一.创建依赖包文件(package.json): React Native的植入过程同时需要React和React Native两个node依赖包。我们把
阅读全文
摘要：1.关于React Native导出组件的export default和export的问题: 一个文件只能有一个export default,可以有多个export 文件的引用: 使用export default的引入: 注意:有default和没有default的区别在于：有default在引用时
阅读全文
摘要：今天在集成react-native-sqlite-storage组件CocoaPods的时候遇到以下错误,这里记录一下错误解决方法: 报错如下: 以为是我Cocoapods的版本问题,于是更新版本: sudo gem install cocoapods --pre 再运行,依旧报错. 赶紧stack
阅读全文
摘要：1.propTypes: 'isRequired' 表示如果不传递这个属性，那么开发阶段中，系统会出现警告，让我们对其进行属性确认，也就是说是否为必须属性。 1>属性为任何类型: 2>属性是否是 JavaScript 基本类型: 3>属性是某个 React 元素: 4>属性为几个特定的值: 5>属性
阅读全文
摘要：React Native 项目常用第三方组件汇总： react-native-animatable 动画 react-navigation github : https://reactnavigation.org/docs/intro/ 路由组件 react-native-carousel && r
阅读全文
摘要：1. 初始化工程 在终端输入命令 ：react-native init AwesomeProject 从命令上看，看起来是初始化一个工程，于是， 1分钟...... 10分钟...... 1小时...... 2小时...... 纳尼，什么鬼，接近3个小时都没有初始化好，真是醉了... 2.进行以下操
阅读全文
摘要：传送门参考: 下面的这个链接很详细了,一步一步就好.... https://github.com/NARUTOyuyang/React-Native 然而在运行react-native run-android的时候报错了,终端显示报错信息如下: 百度一下错误,找到解决办法: 导致构建失败BUILD
阅读全文
摘要：运行出现以下错误: 报错原因: 运行了多个React Native项目... 解决办法: 保持一个项目运行,其余的退出即可.
阅读全文
摘要：效果图如下所示: 展示列表页面,点击跳转至详情页面:
阅读全文
摘要：1> ListView组件用于显示一个垂直的滚动列表，其中的元素之间结构近似而仅数据不同。 ListView更适于长列表数据，且元素个数可以增删。和ScrollView不同的是，ListView并不立即渲染所有元素，而是优先渲染屏幕上可见的元素。 ListView组件必须的两个属性是dataSour
阅读全文
摘要：一: 掌握两点: 1. ScrollView必须有一个确定的高度才能正常工作，因为它实际上所做的就是将一系列不确定高度的子组件装进一个确定高度的容器（通过滚动操作）。要给一个ScrollView确定一个高度的话，要么直接给它设置高度（不建议），要么确定所有的父容器都已经绑定了高度。在视图栈的任意一个
阅读全文
摘要：就像 iOS开发中 一样，React Native（RN） 中的组件也有生命周期（Lifecycle）。所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发的关键。RN 组件的生命周期整理如下图： 可以把组件生命周期大致分为三个阶段： 第一阶段：是组件第一次绘制阶段，
阅读全文
摘要：实现的效果如下: 界面有点丑,图片什么的懒得找了,所以...你懂得!!! 但是基本界面的布局还是实现了. \ 代码如下: 注释很清楚哟!!!
阅读全文
摘要：1.TextInput组件基本介绍: TextInput是一个允许用户在应用中通过键盘输入文本的基本组件。本组件的属性提供了多种特性的配置，譬如自动完成、自动大小写、占位文字，以及多种不同的键盘类型（如纯数字键盘）等等。 最简单的用法就是丢一个TextInput到应用里，然后订阅它的onChange
阅读全文
浙公网安备 33010602011771号