写点什么

ReactNative

0 人感兴趣 · 13 次引用

  • 最新
  • 推荐

移动应用架构与 React Native、Flutter 的关联

用户头像
Onegun
2023-05-24

移动应用的成功离不开一个良好的架构设计,在移动应用开发过程中,合理的层次结构对于应用的可维护性、可扩展性和可测试性至关重要。

Weex 原理及架构剖析

用户头像
zhoulujun
2023-04-09

weex-vue-framework向原生端发送渲染指令,最终渲染生成的是原生组件。WXBridge 是 weex 实现的一种 js 和 客户端通信的机制。客户端设计一套 JS Bridge,让 native 代码可以和 JavaScript 引擎相互通信,Weex源码转换成JS Bundle,异步更新

https://static001.geekbang.org/infoq/ae/aea03e2a4d6ff4acfd339da657e5b5e7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(五十一): 常见样式梳理

ReactNative 的样式是 CSS 样式的一个子集,并且属性名称与 CSS 中规定的也不完全相同。

https://static001.geekbang.org/infoq/ae/aea03e2a4d6ff4acfd339da657e5b5e7.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十八):Mobile App 适配性优化实战

在前期博文《ReactNative进阶(四十四):Mobile App适配性优化》中介绍了RN在移动端开发中所应用的主要布局方式:Flex弹性布局。实践出真知,在实际编程过程中还是会遇到各种终端适配问题,此篇博文讲解实战项目开发过程中移动应用适配性问题优化。

https://static001.geekbang.org/infoq/1b/1ba51c3f41f3a8e8a44a298489585b02.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十七):移动端调试利器 vConsole

痛点:移动 web开发时,在手机上,如果是要看控制台信息,都需要alert弹窗,这样很不友好,而且还会阻拦进程。

https://static001.geekbang.org/infoq/44/4490f7e3ac6ed1248b431963ca18da0b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十二):面试必备:2022 ReactNative 经典面试题总结(含答案)

在前期博文《Vue进阶(四十七):面试必备:2021 Vue经典面试题总结(含答案)》、《Vue进阶(幺零二):面试必备:2022 Vue经典面试题整理(含答案)》介绍了Vue技术框架相关的面试内容,本篇博文主要讲解另一前端技术栈ReactNative相关的技术面内容。

https://static001.geekbang.org/infoq/49/49da0f0152d381bea2a680ca3ff344e8.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(四十一):应用 FlatList 实现分组列表

FlatList为高性能的简单列表组件,支持下面这些常用的功能:

https://static001.geekbang.org/infoq/44/4490f7e3ac6ed1248b431963ca18da0b.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(二十四):react-native-scrollable-tab-view 标签导航器组件详解

react-native-scrollable-tab-view 标签导航组件可实现点击切换,每个 tab 可以有自己的 ScrollView,点击切换的时候可以维护自己的滚动方向。

https://static001.geekbang.org/infoq/a3/a39cd56faf1070b08744264495c4e789.jpeg?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(二十二):点击事件.bind(this) 引发的思考

在React或React-native的点击事件中,会经常用到bind(this)。比如说一个简单的React-native点击组件:

https://static001.geekbang.org/infoq/45/451110110bebbe90621074146531a488.webp?x-oss-process=image%2Fresize%2Cw_416%2Ch_234

ReactNative 进阶(十七):RefreshControl 组件实现刷新效果

刷新功能在数据更新的时候很常用,它对用户有一个非常明显的数据正在更新的提示信息。ReactNative提供了RefreshControl组件来实现刷新功能。

ReactNative_ReactNative技术文章_InfoQ写作社区