uniapp跳转到一个原生的页面

一、创建原生页面并配置

1．创建原生页面Demo

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210507180556275.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)

2．配置原生页面继承Activity

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210507180603528.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)

二、在继承UniModule的类中写对应的页面跳转逻辑

![在这里插入图片描述]( https://img-blog.csdnimg.cn/2021050718061176.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)

三、在uniapp中配置跳转的按钮

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210507180619560.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)

四、将打包好的本地资源替换到项目中，打包运行

1．本地资源打包

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210507180638501.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)

2．替换掉AndroidStudio项目中的文件

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210507180644326.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)

3．编译运行，点击进入小镜子

![在这里插入图片描述]( https://img-blog.csdnimg.cn/20210507180649390.png?x-oss-process=image/watermark ,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM5NjcxOTk2,size_16,color_FFFFFF,t_70)
在这里插入图片描述

关注我的公众号SpaceObj 领取idea系列激活码

posted on 2023-05-11 09:46  张伯灵  阅读(546)  评论(0)    收藏  举报