rn
7篇文章 · 0订阅
  • react-native+mobx的基础搭建
    ReactNativeAppDemo 是一个以react-native+mobx为基础搭建的app案例，旨在让初学者了解基本的RNApp的搭建与应用。 教程包含基础框架搭建、路由封装、导航栏封装、service封装、全局报错处理封装、高阶组件封装、全局事件消息总线封装... 然…
    React Native
  • 如何实现一个React Native抽奖九宫格
    也可以直接使用react-native-super-lottery组件开发抽奖功能。 布局很简单，我们可以采用flex 3行布局，也可以单行、配合flex-wrap子控件自动折行实现。直接上代码 九宫格的加速和衰减曲线决定了转盘动画的流畅程度。 Tween.js是一个JavaS…
    React Native
  • 一行代码搞定 Android平台React Native Modal 无法延伸到状态栏的问题
    最近在做react-native应用Android端沉浸式状态栏时，发现通过Statusbar.setTrranslucent(ture)设置界面拉通状态栏之后，使用Modal 组件的地方界面无法延伸到状态栏，导致使用Modal实现的弹窗背景蒙层顶部会有一个白条，看起来很不爽，…
    Android React Native
  • 通过Redux动态改变数据
    React Native+React Navigation+Redux搭建,搭建成功后尝试加一个小功能。 reducer 就是一个纯函数，接收旧的 state 和 action，返回新的 state。 Page1中的点击事件里,触发action的onThemeChange事件，…
    React Native
  • 定制化你的ReactNative底部导航栏
    前言​接触过ReactNative(以下简称RN)的大概都知道,react-navigation提供了两种开箱即用的导航栏组件createBottomTabNavigatorcreateMateria
    React Native
  • 从零开始完成 React Native 抽奖
    也可以直接使用react-native-super-lottery组件开发抽奖功能。 布局很简单，我们可以采用flex 3行布局，也可以单行、配合flex-wrap子控件自动折行实现。直接上代码 九宫格的加速和衰减曲线决定了转盘动画的流畅程度。 Tween.js是一个JavaS…
    React Native
  • react-native入门实战小结
    在公司提效的大背景下，今年6月初，部门的国际化新项目我们通过多方面的对比，技术选型采用react-native为最终的方案，之所以没有采用目前比较火的Flutter。其中的原因我会在以下小节有个简要的说明。项目第一版已接近尾声，到了最后的细节调整阶段。正好借此机会记录下这段时间…
    React Native