使用ReactNative技术的App端整体框架解决方案

使用ReactNative技术的App端整体框架解决方案

移动端react-native框架

使用ReactNative技术的App端整体框架解决方案

组件版本

本框架HFFramework 1.3.0 更新日志使用框架 React 15.3.2使用框架 ReactNative 0.37.0支持环境 IOS ^8.0支持环境 Android ^4.0第三方控件,请见 package.json其他组件

框架的目标

适应未来的ReactNative/IOS/Android版本适应不同的终端及分辨率自定义组件管理页面样式的统一控制和灵活切换路由和会话-的控制数据交互的管理第三方组件引用的版本控制用户操作指引文字字体缩放控制图片的预览友好显示键盘的弹出和关闭埋点日志减少警告,消灭闪退

特殊配置

已锁定屏幕旋转已解决华为的虚拟按键

TODO

对框架的性能还没有进行深入的测试 相机和本地图片的编辑(手动截取区域,自动获取旋转值并修正),压缩,上传,查看预览,查看原图,图片-,重新加载 -功能在打release包之后,在安卓真机上可能会失效的问题 埋点与日志记录，日志汇报 友盟的统计功能 各类加载进度管理 即时通讯功能 分页列表页上拉加载更多 chart,art

使用效果

--------

安装方法

我默认您已初识ReactNative的技术，否则请移步到 ReactNative

1、-本项目2、进入到本项目路径下，并执行npm install3、执行 rnpm link4、react-native start5、react-native run-ios / react-native run-android

在/HFFramework/Configuration.js文件中，可以分别设置在不同分辨率下的显示样式。在查看效果时，您可以使用各种类型的真机，也可以启动指定类型的虚拟机，如 react-native run-ios --simulator 'iPhone 6s Plus'。

项目目录说明

hfFramework/ 项目根目录 android/ 安卓原生目录ios/ 苹果原生目录Application/ App应用目录,所有页面相关页面写在这里HFFramework/ 框架目录 Component 自定义组件Demo 功能示例Image 引用的图像Layout 布局Picker 选择器Styles 样式Utility 工具类Configuration.js 重要配置页,每次开发新App都需要设置Framework.js 引用框架页,所有页面引用组件都在这里进行.详见*./Demo/Demo.js* index.ios.js 苹果索引页,指向hfFramework.jsindex.android.js 安卓索引页,指向hfFramework.jshfFramework.js 首页

./Component/组件说明

./Layout/布局说明

./Utility/工具说明

./Utility/Api及Navigator的返回码说明(适用于请求和页面跳转，前后端保持一致)

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。