mCloud Design Mobile

mCloud Design Mobile

  • Docs
  • API
  • Help
  • Blog

›Component

Component

  • Button
  • SegmentedControl
  • SearchBar
  • Radio
  • Checkbox
  • Badge
  • Marquee
  • Switch
  • InputItem
  • NoticeBar
  • Textarea
  • List
  • Card
  • Picker
  • Label
  • EmptyView
  • Stepper
  • Tabs
  • DatePicker
  • Modal
  • Avatar
  • ActionSheet
  • ShareSheet

First Category

  • Button
  • Fifth Document

EmptyView

EmptyView

Basic Example:

import React from 'react'
import { View, StyleSheet } from 'react-native'
import { EmptyView } from 'mcloud-mobile';

const network_failedSource = require('../assets/empty_network_failed.png')

export default () => (
    <View style={styles.wrap}>
        <EmptyView type='custom' emptyImage={network_failedSource} onRefresh={() => { }}>
            暂无数据
        </EmptyView>
    </View>
)
const styles = StyleSheet.create({
    wrap: {
        flex: 1,
        backgroundColor: '#E6E6E6',
    },
})

Props:

属性说明类型默认值
type缺省页类型,可选值为 'no_image'(无image) 、 'network_failed'(网络加载失败) 、 'no_data'(暂无数据) 或者 'custom'(手动传image)string-
emptyImageimage可选,可不传Object-
onRefresh刷新方法,可选,不传则没有重新加载按钮func-
style自定义样式Object无
← LabelStepper →
  • Basic Example:
  • Props:
mCloud Design Mobile
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar
Facebook Open Source
Copyright © 2019 Your Name or Your Company Name