uni-app ios 一键登录点击协议后没有返回按钮

uni-app ios 一键登录点击协议后没有返回按钮

操作步骤:

  • 点击协议, 从底部弹出协议,无法返回

预期结果:

  • 展示返回按钮

实际结果:

  • 不展示返回按钮

bug描述:

ios 离线打包, 接入一键登录模块,全屏模式, 点击下边协议部分, 可以进入协议, 但是不展示返回按钮(实际点击返回按钮的区域可以返回),也不能侧滑返回

图片

图片

项目信息

项目信息
产品分类 uniapp/App
PC开发环境 Mac
PC开发环境版本 14.4.1 (23E224)
HBuilderX类型 正式
HBuilderX版本 4.12
手机系统 iOS
手机系统版本 iOS 15
手机厂商 苹果
手机机型 iPhone 8
页面类型 vue
vue版本 vue3
打包方式 离线
项目创建方式 HBuilderX

更多关于uni-app ios 一键登录点击协议后没有返回按钮的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

一键登录的资源没加 参考https://nativesupport.dcloud.net.cn/AppDocs/usemodule/iOSModuleConfig/oauth.html

更多关于uni-app ios 一键登录点击协议后没有返回按钮的实战教程也可以访问 https://www.itying.com/category-93-b0.html


重新加了下资源,可以了 谢谢!

在使用 Uni-App 开发 iOS 应用时,如果你遇到了一键登录点击协议后没有返回按钮的问题,可能是由于以下几个原因导致的。以下是一些可能的解决方案:

1. 检查页面导航配置

确保在点击协议后,页面的导航配置正确。如果你使用了 uni.navigateTouni.redirectTo 进行页面跳转,确保目标页面有返回按钮或导航栏配置。

uni.navigateTo({
    url: '/pages/agreement/agreement'
});

2. 自定义导航栏

如果使用了自定义导航栏,确保在协议页面中正确配置了返回按钮。

<view class="nav-bar">
    <view class="back-btn" @click="goBack">返回</view>
    <view class="title">用户协议</view>
</view>
methods: {
    goBack() {
        uni.navigateBack();
    }
}

3. 检查页面布局

确保协议页面的布局没有遮挡或隐藏返回按钮。检查 CSS 样式,确保返回按钮可见。

4. 使用 uni.setNavigationBarTitle

如果你没有使用自定义导航栏,可以通过 uni.setNavigationBarTitle 设置页面标题,并确保返回按钮可见。

uni.setNavigationBarTitle({
    title: '用户协议'
});

5. 检查 iOS 原生代码

如果你在 iOS 端使用了原生代码实现一键登录,确保在原生代码中正确处理了返回逻辑。检查原生代码,确保在协议页面中有返回按钮或手势返回功能。

6. 使用 uni.showModal 提示用户

如果以上方法都无法解决问题,可以考虑在用户点击协议后,使用 uni.showModal 提示用户如何返回。

uni.showModal({
    title: '提示',
    content: '请点击左上角返回按钮返回上一页',
    showCancel: false
});

7. 检查 Uni-App 版本

确保你使用的是最新版本的 Uni-App,以避免因版本问题导致的 bug。可以通过以下命令更新 Uni-App:

npm update @dcloudio/uni-app

8. 调试和日志

在开发过程中,使用 console.log 或调试工具检查代码执行流程,确保没有逻辑错误导致返回按钮不可见。

console.log('进入协议页面');
回到顶部