混合app
文章平均质量分 81
混合app
天水一欢
如海鸥畅翔于天水之间
展开
-
uniapp 开发实四 :uniapp 与ios原生交互
效果如下图:uniapp:代码<template> <view class="contain"> <input type="number" v-model="num1" @input="onKeyInput1" class="numstyle" placeholder="请输入加数1" /> <text style="margin-left: 15rpx;margin-right: 15rpx;...原创 2022-02-01 20:13:18 · 5127 阅读 · 0 评论 -
uniapp 开发实操三 :uniapp 与android 原生交互
uniapp 与android 原生交互原创 2022-01-22 21:18:55 · 6960 阅读 · 0 评论 -
uniapp 开发实操二:uniapp 调用 微信小程序自定义组件
用uniapp 开发手机app,有些功能需要结合原生代码进行开发.主流原生有android,ios,微信小程序等。下面先来看下微信小程序是如何自定义的。1.微信页面页面源码:<view class="container"><movie></movie><movie></movie><movie></movie></view>样式:.container{padding:原创 2022-01-03 10:54:40 · 5545 阅读 · 0 评论 -
uniapp 开发实操一 :列表与表单提交
目前随着5g网络的不断普及以及web app 跨平台的优势,web app已经逐渐成了 普通app 开发的首选框架。uni-app基于Vue.js实现的。所以它具备了vue.js前端的所有优势。而且uniapp 有很丰富的第三方插件,可以很方便的用一套代码开发公众号与小程序。先上图,效果如下:html5页面:小程序页面:1、列表页面代码:这里用引入了mescroll 上拉下拉第三方插件,非常好用。<template> <view class=...原创 2021-12-26 00:13:26 · 6275 阅读 · 0 评论 -
uniapp 组件的导入与使用
图中导入了轮播组件、网格组件。1.轮播组件,这里使用了组件生命周期函数created() 来对数据进行初始化。<template> <view> <view class="uni-margin-wrap"> <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval=...原创 2021-10-03 08:31:55 · 3430 阅读 · 0 评论 -
react native 网络请求与跳页
react native的网络请求fetch方法来对后台进行请求的,跳页主要是通过react-navigation 来实现的。以下是一个小例子。实现一个登录请求成功后,跳转到主页到demo npm install react-navigation-stack入口:App.jsimport React, {Component} from 'react';import { StyleSheet, View, Text, Image,Dimensions,Ale...原创 2020-08-03 06:52:11 · 303 阅读 · 0 评论 -
react-native-webview 的使用
RN升级到0.61.5之后,webview从react native官方api中删除,官方推荐采用react-native-webview.一、react-native-webview 网上安装教程大都是坑,正确安装组件步骤如下:1.npm install --save react-native-webview2.项目目录下cd ios //进入ios目录pod install //拉去项目的pod依赖3.react-native link react-native-webvi..原创 2020-07-19 18:13:54 · 4713 阅读 · 2 评论 -
react-native-tab-navigator 的使用
react-native-tab-navigator 是兼容android 与 ios的底部菜单,非常好用。App.js代码/*** Sample React Native App* https://github.com/facebook/react-native* @flow*/import React, {Component} from 'react';import { AppRegistry, StyleSheet, Text, V...原创 2020-07-05 18:54:35 · 2515 阅读 · 1 评论 -
FlatList的使用(一)
目前新版的react native已经都用FlatList代替了ListView。所以有必要学习下FlatList都具体用法。官方中文网描述如下:高性能的简单列表组件,支持下面这些常用的功能:完全跨平台。 支持水平布局模式。 行组件显示或隐藏时可配置回调事件。 支持单独的头部组件。 支持单独的尾部组件。 支持自定义行间分隔线。 支持下拉刷新。 支持上拉加载。 支持跳转到指定行(ScrollToIndex)。 支持多列布局实现代码如下:import React, { Com原创 2020-06-07 18:32:49 · 1323 阅读 · 0 评论 -
react native TextInput 结合 FlatList的简单用法
目前手机混合框架可谓百花齐放,各有千秋。这里主要简单展示了react native TextInput的主要用法,以及简单结合FlatList的用法源代码如下:/*** Sample React Native App* https://github.com/facebook/react-native** @format* @flow strict-local*/import React ,{ Component } from 'react';import { ...原创 2020-06-01 23:10:04 · 441 阅读 · 0 评论