使用JavaScript来开发安卓和IOS应用环境搭建就跟着官网来就好了 https://reactnative.dev/docs/environment-setup我们这里选择用Typescript的模板```npx react-native init AwesomeTSProject --template re... pagination: IPagination;}export interface IPagination { current: number; pageSize: number; total: number;}```有了这些属性,在组件中就可以正常的渲染列表了 ## clean-js 使用方法在此之前...
ReactNative和Flutter,以至于多端融合成为大前端新的发展趋势。关于这方面的内容我去年还专门写了一篇技术博客《基于React Native浅谈多端融合技术》,感兴趣的同学可以点击文章底部的链接进行阅览。刚开始接触ReactNative是在去年6月份,当时部门要做一个内部办公平台APP,想尝试下新技术,就选了比较火热的ReactNative。当时我被派去开发这个项目时,整个人是懵逼的,因为啥都不懂呀。因为我当时主要负责Android开发的相关工作,对于...
从一名入门小白,成为一名中高级工程师的心路例程,帮助自己回望过去展望未来。```### 2.Android初识```2015年,是一个大众创业万众创新热潮、“互联网 +”行动计划、分享经济的年份,还是智能手机增量市场的年份... 有次听到朋友讲起Android系统,很多国产智能手机的操作系统便是Android(安卓(Android)是一种基于Linux内核(不包含GNU组件)的自由及开放源代码的操作系统。主要使用于移动设备,如智能手机和平板电脑,由美国Google公司...
也需要下载安装到手机,但是 App 里面打开的页面既可以是 Web 的,又可以是原生的。H5 页面会跑在 Native 的一个叫做 `WebView` 的容器里面,只要有 WebView,一套代码可以很容易跨iOS、安卓、Web、小程序、快应用多个平台。可以简单理解为在 App 里面打开了一个 Chrome 浏览器,在这个浏览器里面打开一个 Tab 去加载线上或者本地的 H5 页面,这样还可以实现打开多 `WebView` 来加载多个页面。以上只是描述了`Hybrid App`开发的优势所...
从一名入门小白,成为一名中高级工程师的心路例程,帮助自己回望过去展望未来。```### 2.Android初识```2015年,是一个大众创业万众创新热潮、“互联网 +”行动计划、分享经济的年份,还是智能手机增量市场的年份... 有次听到朋友讲起Android系统,很多国产智能手机的操作系统便是Android(安卓(Android)是一种基于Linux内核(不包含GNU组件)的自由及开放源代码的操作系统。主要使用于移动设备,如智能手机和平板电脑,由美国Google公司...
1. 接入全埋点 1.1 JS 代码支持全埋点的最低版本要求: react-native >= 0.62.0 react-navigation >= 6.0.0 rangers_applog_reactnative_plugin >= 0.2.0 react-navigation 目前仅支持 navigators: Stack Native Stack Bottom Tabs 注:若混合使用其他未支持的 navigator,可能影响全埋点采集 shell npm install rangers_applog_reactnative_plugin 1.2 Android 代码通过 Application 集成,或者通过 Lifecycle 集成,两种方法二选一...
1. 接入全埋点 1.1 JS 代码支持全埋点的最低版本要求: react-native >= 0.62.0 react-navigation >= 6.0.0 rangers_applog_reactnative_plugin >= 0.2.0 react-navigation 目前仅支持 navigators: Stack Native Stack Bottom Tabs 注:若混合使用其他未支持的 navigator,可能影响全埋点采集 shell npm install rangers_applog_reactnative_plugin 1.2 Android 代码通过 Application 集成,或者通过 Lifecycle 集成,两种方法二选一...
1. 接入全埋点 1.1 JS 代码支持全埋点的最低版本要求: react-native >= 0.62.0 react-navigation >= 6.0.0 rangers_applog_reactnative_plugin >= 0.2.0 react-navigation 目前仅支持 navigators: Stack Native Stack Bottom Tabs 注:若混合使用其他未支持的 navigator,可能影响全埋点采集 shell npm install rangers_applog_reactnative_plugin1.2 Android 代码通过 Application 集成,或者通过 Lifecycle 集成,两种方法二...
也需要下载安装到手机,但是 App 里面打开的页面既可以是 Web 的,又可以是原生的。H5 页面会跑在 Native 的一个叫做 `WebView` 的容器里面,只要有 WebView,一套代码可以很容易跨iOS、安卓、Web、小程序、快应用多个平台。可以简单理解为在 App 里面打开了一个 Chrome 浏览器,在这个浏览器里面打开一个 Tab 去加载线上或者本地的 H5 页面,这样还可以实现打开多 `WebView` 来加载多个页面。以上只是描述了`Hybrid App`开发的优势所...
从研究生毕业到现在差不多工作4年,中间也经历了几次大大小小的转型,毕业跨专业找工作,从底层硬件到操作系统,再到上层应用,目前除了Android原生,也会兼任H5。每一次的选择不能说是完全转型,只是在原有的基础上进行了... 当时还以为只有阿里的咸鱼团队在用,前几天看到一篇文章才了解到除了咸鱼,微信和美团在Flutter方向也有比较多的开发实践。微信小程序,最开始采用Webview渲染方案,后面又采用了React-Native-Like方案,再后来微信提...
`,其中,`contentHeight`通过如下方式计算所得:```import { Dimensions } from 'react-native';const { width, height } = Dimensions.get('window');const contentHeight = height - Dimens.headerHeight - D... const safeAreaBottom = NativeModules.AppDimens.safeAreaBottom; SAFE_AREA_BOTTOM = safeAreaBottom;}export const Dimens = { headerHeight: NAVIGATION_HEIGHT + STATUSBAR_HEIGHT, // header高度(状...
[React Native](https://www.react-native.cn/) 诞生于 2013 年的 **Facebook** 内部黑客马拉松(hackathon)。在 2017 年 Google I/O 大会上,Google 首次发布 [Flutter](https://flutter.dev/) ,其是 Google 发布... 接下来就需要了解当前项目启动后文件加载顺序,当你对项目启动原理大致掌握后,后期对项目进行优化时,心里就会有底气,因为你已明白应在何时针对哪支文件做何处理。> > - 目前大部分的跨平台开发技术栈都是开源的,这...
一方面是对手机坏了的伤痛,另一方面也是对无法继续做 WinPhone 开发很遗憾。对于当时的我来说,再换一台 WinPhone 过于昂贵,只好换一台更加便宜的安卓机,因此也就转向学习安卓开发。后面的故事大家都知道了,因为... 在学习安卓开发时,我先看了一本明日科技的《Android 从入门到精通》,然后看了些校内网的视频,逐渐可以做一些简单的应用。安卓开发所见即所得的特点,让我**很快就可以得到正反馈**。后来又去参加一些地方性的比赛,获...