在App开发中，我们避免不了使用的两个组件，一个Toast，一个网络加载Loading，在RN开发中，也是一样，React Native官方并没有提供者这两个常用组件，需要开发者自己根据需求来自定义。作者就在其他组件的基础上在进行二次封装，使用起来更加简单，更具扩展性，同学们只需将Toast与Loading文件拖到项目中，install对应的组件库即可
效果图
Toast和Loading Demo地址
https://github.com/guangqiang-liu/react-native-toastAndLoading
Demo使用使用到的三方组件
- react-native-root-toast：用来显示
- toast react-native-root-siblings：用来Loading在App最上层添加视图
- react-native-vector-icons：IconFont
注意
react-native-vector-icons 需要link 才能使用，同学们需要注意
Toast组件
toast组件这里作者分类8种不同的使用场景，目前能想到的就这多场景了，后面同学们有其他场景，可以自行添加即可，Toast组件中使用到的Icon图标，同学们也可以自行修改
- 只显示最简单的文本的toast
- 只显示最简单的文本的长toast，显示时长 + 500毫秒
- 显示success的toast，success的Toast带有一个成功的对号icon
- 显示success的toast，支持回调，使用场景类似于登录成功，显示1500毫秒toast，然后在回调函数中跳转到其他页面
- 显示success的长toast，显示时长 + 500毫秒
- 显示success的长toast，显示时长 + 500毫秒，支持回调，使用场景类似于登录成功，显示1000毫秒toast，然后跳转到其他页面
- 显示warning的toast，使用场景类似于登录表单，手机号填写错误
- 显示报错的toast，使用场景类似于登录表单，提交表单失败
Loading组件
Loading组件最常用的使用场景就是网络请求时，数据还没有请求回来之前，页面最上层显示一个正在加载的loading框，一来能够防止用户在网络请求时又做其他的操作，二来可以给用户一个更好的体验，不至于页面空白，显得突兀
- loading支持手动调用显示：show()
- 支持手动关闭显示：hidden()
这里作者建议使用redux来控制Loading的显示与隐藏，这样不用在每一个需要网络请求的页面都手动去调用显示与隐藏，更高端的Loading使用技巧可以参照作者的 https://github.com/guangqiang-liu/OneM
Toast核心源码
const Toast = {
toast: null,
show: msg => {
this.toast = RootToast.show(msg, {
position: 0,
duration: 1500
})
},
showLong: msg => {
this.toast = RootToast.show(msg, {
position: 0,
duration: 2000
})
},
showSuccess: (msg, options) => {
let toast = RootToast.show(
Platform.OS === 'ios' "htmlcode">
const HUD = {
show: () => {
sibling = new RootSiblings(
<View style={styles.maskStyle}>
<View style={styles.backViewStyle}>
<ActivityIndicator size="large" color="white" />
</View>
</View>
)
},
hidden: ()=> {
if (sibling instanceof RootSiblings) {
sibling.destroy()
}
}
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。