Skip to content

Latest commit

 

History

History
43 lines (34 loc) · 1.45 KB

no-connection-container.md

File metadata and controls

43 lines (34 loc) · 1.45 KB
Raw

NoConnectionContainer

Screen / View that show once flatlist has no connection. By default it used in CustomFlatlist

How to use

import {NoConnectionContainer, CustomFlatList} from 'react-native-awesome-component'

render() {
    return (
      <View style={styles.applicationView}>
        <CustomFlatList 
          {...flatlistProps}
          renderNoConnection={({onRefresh}) => <NoConnectionContainer onRefresh={onRefresh} />}
        />
      </View>
    )
  }

Global Setup

Global const used to set global value. it used to set the style for all of this component. for more detail check here

Props

Props Description Default
image: string props to set image source undefined
imageStyle: StyleProp props to set image style {}
title: string props to set title undefined
titleStyle: StyleProp props to set title style {}
message: string props to set message undefined
messageStyle: StyleProp props to set message style {}
customButton: any props to render button
hideImage: boolean props to hide image false
hideButton: boolean props to hide button false
hideTitle: boolean props to hide title false
hideMessage: boolean props to hide message false
onRefresh: () => void props to handle refresh on button press