想法:
uni-app 给我的感觉就像是把微信小程序的API,组件和vue的语法揉捏在一起所组成框架,没有原生小程序和vue那种流畅感,官方的 uni-ui 组件库不够成熟,坑比较多。
问题一:自定义导航栏适配 使用自定义导航栏以后手机顶部状态栏区域会被页面内容覆盖,这是因为窗体是沉浸式的原因,即全屏可写内容。官方给出了一个 --status-ba
转载
2023-11-29 14:39:25
138阅读
这是一个没有套路的前端博主,热衷各种前端技术栈,喜欢非正规的骚操作,经常想到哪就写到哪,如果有感兴趣的技术和前端效果可以留言~博主看到后会代替大家去踩坑的~ 主页: oliver尹的主页 格言: 跌倒了爬起来就好~ 《uni-app》npm详解及在uni-app中对npm的支持一. 前言二. 阅读对象与难度三. npm简介四. package.json4.1 简介4.2 小结五. uni-app对
转载
2024-01-23 23:46:02
214阅读
# Android开发集成UniApp的适配问题及解决方案
随着移动开发技术的不断发展,跨平台开发框架逐渐成为开发者的新宠。UniApp作为一种新兴的跨平台开发框架,以其高效的开发效率和良好的用户体验受到广泛关注。然而,在将UniApp集成到Android开发中时,我们可能会遇到一些适配问题。本文将探讨这些问题,并提供相应的解决方案。
## 一、屏幕适配问题
在Android开发中,屏幕适配
原创
2024-07-30 07:57:19
586阅读
前言:使用uniapp做的h5页面,在PC端显示时,发现由于upx单位计算基准值太大,导致页面排班布局错乱思路:刚开始发现使用px单位不会导致页面布局混乱,但这对刚开启的项目友好,对已经成型的项目修改成本太高,风险也大,而且px是固定单位,在移动端显然没upx好使;后来百度好久,发现都没有解决办法,偶然间突发奇想,能不能利用iframe在页面载入前将宽度设置为375px(750upx),来达到欺骗
转载
2023-11-30 09:42:12
62阅读
# uniapp Android 屏幕适配指南
在现代应用开发中,屏幕适配是确保用户良好体验的重要环节。对于uniapp开发者来说,安卓屏幕适配也是一项必须掌握的技能。本文将为刚入行的小白详细讲解如何实现uniapp在Android平台上的屏幕适配,整个过程可以分为以下几个步骤:
| 步骤 | 描述 |
|----------
一个基础的APP构建脚本,大佬请无视本文。作者才疏学浅,只能重复尝试总结经验。FROM 假的前端工程师背景UniApp官方开发工具HBX(HbuilderX简称)本地打包需要手动导出工程文件然后对于Android项目一顿操作。回想起之前测试追着我这个开发一直要安装包的场景(之前利用Jenkins对IOS平台项目进行持续集成,但是远不能到达提交代码就可以自动打包生成一个APP的地步)实现的效果提交代
转载
2023-09-07 19:34:12
230阅读
在构建移动应用时,特别是使用 uniapp 开发的 Android 应用,确保横屏适配至关重要。接下来,我们将详细阐述如何解决 uniapp Android横屏适配的问题,从环境准备到生态扩展,逐步引导你完成这一过程。
## 环境准备
在开始之前,你需要确保你的开发环境与 uniapp 兼容。以下是版本兼容性矩阵,确保你使用的所有工具都在支持的范围内:
| 组件 | 版本要
跨端三剑客近几年来,随着移动端开发的需求的不断变大,跨端框架也在不断的蓬勃发展,随之时间的推移,有三个跨端框架凭借其各自的优势,出现在大家的眼前Uniapp、Flutter、React Native。其中uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等关键指标上拥有更强的优势.这里盘点下已经支持小程序的超级 App:微信、企业微信、QQ、支付宝、高
转载
2023-10-18 23:29:00
2031阅读
起因: 最近在用uniapp开发的时候遇到了刘海屏手机tabbar适配问题,一开始用uni官方自带的tabbar,后来发现不能满足开发需求。于是在插件市场上找了一个自定义的footer自己重写了一下。拿出来记录一下。(我这里不是不建议大家用官方的tabbar,如果你恰好和我一样遇到官方tabbar不能解决的问题,需要自定义一个tabbar,那么建议你继续阅读)一、我不用uni-app自带tabba
转载
2023-10-11 08:11:12
336阅读
android 屏幕适配的问题 转载是为了学习 如何将一个应用程序适配在不同的手机上,虽然这不算是一个技术问题,但是对于刚刚做屏幕的开发人员来说,还真不是一件多么简单的事情。 首先:你需要在AndroidManifest.xml文件的<manifest>元素如下添加子元素<supports-screens android:largeScre
转载
2023-07-26 04:40:35
150阅读
# uniapp适配iOS可能出现的问题及解决方案
随着移动互联网的快速发展,越来越多的开发者选择使用uniapp框架来构建跨平台应用。uniapp支持多种平台,包括iOS和Android。然而,在适配iOS平台时,开发者往往会遇到一些特有的问题。本文将探讨这些问题及其解决方案,并通过代码示例加以说明。
## 1. 常见问题概述
在开发uniapp应用时,特别是在iOS环境中,开发者通常遇到
起因: 最近在用uniapp开发的时候遇到了刘海屏手机tabbar适配问题,一开始用uni官方自带的tabbar,后来发现不能满足开发需求。于是在插件市场上找了一个自定义的footer自己重写了一下。拿出来记录一下。(我这里不是不建议大家用官方的tabbar,如果你恰好和我一样遇到官方tabbar不能解决的问题,需要自定义一个tabbar,那么建议你继续阅读)一、我不用uni-app自带tabba
转载
2024-05-07 22:00:23
395阅读
1.ios端兼容input光标高度问题详情描述:input输入框光标,在安卓手机上显示没有问题,但是在苹果手机上 当点击输入的时候,光标的高度和父盒子的高度一样。例如下图,左图是正常所期待的输入框光标,右边是ios的input光标。 出现原因分析:通常我们习惯用height属性设置行间的高度和line-height属性设置行间的距离(行高),当点击输入的时候,光标的高度就自动和父盒子的高
转载
2023-09-10 21:24:50
114阅读
先来解释一些相关的名词:屏幕尺寸: 也就是我们平时所说的某某手机是几寸屏, 比如HTC one V这款手机是3.7寸的, 这里的寸说的是英寸(inch),国际上习惯使用的单位,1inch = 2.54cm,3.7寸指的是屏幕的对角线的长度。屏幕分辨率: 指屏幕的宽和高的像素数, 比如HTC one V是480*800的。屏幕密度: 每inch的像素数,比如HTC o
原创
2023-06-08 12:04:57
201阅读
table表格设置标题无效解决办法及原因探索此属性并不只限于uniapp同时适用于普通表格设置 文章目录table表格设置标题无效解决办法及原因探索前言一、示例二、原因三、拓展总结 前言本篇文章讲解了,实际开发中发现表格设置的宽度没有生效,无论是设置行内样式,还是给css样式设置important 的最高权重也没有效果,但是给中文文字设置宽度的样式是有效果的,很奇怪为什么,下面就一起来看看究竟为何
手机适配,看到这几个字,无论作为android 新手还是有几年开发经验的你,相信内心都会有稍微的一丝悸动。是的,兼容性问题一直是困扰着我们开发者的一个世纪星难题,即使一个有丰富开发经验的开发者,遇到这个问题相信也是先眉头一紧,安卓手机不仅屏幕类型多,操作系统多,关键不同操作系统的手机厂商还不一样,你很可能发现两个手机,操作系统都是4.4的,为甚么界面和操作风格差这么大,因为中国的手机厂商像华为,小
转载
2023-08-17 12:54:53
84阅读
适配缘由做Android开发一定会碰到适配这个问题,在Android世界里,Android设备太多了,手机,平板,TV,手表等,光其中的手机这一项就有众多厂家发布的奇奇怪怪的手机,不仅分辨率各有不同,就是手机尺寸也是一言难尽,各种尺寸都有,更烦的是有的手机还在屏幕上搞个虚拟导航栏放在底部;厂家多也就算了,由于Android系统的开源,任何厂家,个人,OEM厂商,运营商都可以对Android进行定制
转载
2023-07-27 16:23:59
151阅读
小伙伴们,咱们今天咱继续对Android8.0的适配进行分解,今天将针对启动页,版本适配和系统限制等进行“啃食”1、启动页适配近日,我无意中发现应用在8.0系统上面启动页崩溃,赶紧去找BUG,运行后发现如下异常:翻译后意思是:只有全屏不透明的activity才可以设置方向;解决方案如下:1.1、如果不考虑配置屏幕方向的话,直接将android:screenOrientation="portrait
转载
2024-02-05 13:04:33
57阅读
# UniApp 适配 Axios 的使用指南
在现代前端开发中,数据的获取变得尤为重要。对于使用 `uni-app` 进行跨平台开发的开发者来说,`Axios` 是一个非常强大的 HTTP 客户端库。本文将介绍如何在 `uni-app` 中集成和使用 `Axios`,并通过实际代码示例来帮助大家了解其用法。
## 一、什么是 UniApp 和 Axios
### UniApp
`UniA
# uniapp适配iOS的全面指南
`uniapp`是一个使用Vue.js开发跨平台应用的框架,能够支持包括iOS在内的多个平台。在开发过程中,适配iOS通常是一个重点关注的问题,因为iOS与Android在UI和用户体验上存在一些差别。本文将探讨适配iOS的相关策略,并通过实例来演示如何实现。
## 1. iOS特有特性
iOS设备在界面的适配和用户交互上有其独特之处。以下是一些常见的i