1. 本地图片 <Image source={require('url')} />
  2. 网络图片 <Image source={{uri: 'url'}} style={{width: , height: }} />

请注意对于网络和 base64 数据的图片需要手动指定尺寸！

defaultSource 属性可以设置在读取图片时默认显示的图片。

# 前端
Logo
智屏生态联盟

智屏生态联盟致力于大屏生态发展，利用大屏快应用技术降低开发者开发、发布大屏应用门槛

更多推荐

taro 引用本地图片展示

import { Image } from ‘@tarojs/components’<引用标签>constructor(){super()this.state={img:require(’./case.png’)}}…

avatar 智屏生态联盟

taro 动态设置标题栏、标题栏动画

导航栏文字旁显示加载菊花图Taro.showNavigationBarLoading()Taro.hideNavigationBarLoading()设置标题栏文字Taro.setNavigationBarTitle({title:'xx'})设置标题栏背景色Taro.setNavigationBarColor({backgroundColor:'16进制颜色',frontColor:'#ffff

avatar 智屏生态联盟

taro 获取用户信息getUserInfo、OpenData

getUserInfo:(1)给按钮添加属性和回调openType='getUserInfo'onGetUserInfo={this.回调}(2)在允许获取信息后,通过Taro.getUserInfo获取方式一Taro.getUserInfo({success: function(res) {console.log(res.userInfo);}})

avatar 智屏生态联盟