react native 的引导页只启动一次

最新推荐文章于 2024-06-26 09:40:25 发布

cangsangxi

最新推荐文章于 2024-06-26 09:40:25 发布

阅读量3.4k

点赞数

分类专栏： react-native 文章标签：引导页

本文链接：https://blog.csdn.net/cangsangxi/article/details/80609198

版权

本文介绍了如何在React Native应用中创建一个只显示一次的引导页。通过导入全局判断页面，设置图片样式，判断isOpen状态来控制引导页的显示。当应用首次打开时，如果isOpen为空则显示引导页，并在后续打开时将其设置为true，从而避免重复显示。

摘要由CSDN通过智能技术生成

1.导入写的全局判断页面

import sessions from "../../util/storageUtil";

2. 正常写入两张图片并做样式处理：（这里有几张图片宽度就乘以几）

render(){
   return (
         <ScrollView
                 contentContainerStyle={
 { width: Dimensions.get('window').width*2, height: Dimensions.get('window').height}}
                 bounces={
 false}
                 pagingEnabled={
 true}
                 showsHorizontalScrollIndicator={
 false}
                 horizontal={
 true}>
                 <Image style={start.backgroundImage} source={require('../../imgs/temporary/cover-1.jpg'<