2018-01-29 06:42:29 +00:00
|
|
|
import React from 'react'
|
2018-01-31 01:24:45 +00:00
|
|
|
import { StyleSheet, View } from 'react-native'
|
2018-01-29 06:42:29 +00:00
|
|
|
import withCacheBust from './withCacheBust'
|
|
|
|
import SectionFlex from './SectionFlex'
|
|
|
|
import FastImage from 'react-native-fast-image'
|
|
|
|
import Section from './Section'
|
|
|
|
import FeatureText from './FeatureText'
|
|
|
|
|
|
|
|
const GIF_URL =
|
|
|
|
'https://cdn-images-1.medium.com/max/1600/1*-CY5bU4OqiJRox7G00sftw.gif'
|
|
|
|
|
|
|
|
const GifExample = ({ onPressReload, bust }) => (
|
|
|
|
<View>
|
|
|
|
<Section>
|
|
|
|
<FeatureText text="• GIF support." />
|
|
|
|
</Section>
|
|
|
|
<SectionFlex onPress={onPressReload}>
|
|
|
|
<FastImage style={styles.image} source={{ uri: GIF_URL + bust }} />
|
|
|
|
</SectionFlex>
|
|
|
|
</View>
|
|
|
|
)
|
|
|
|
|
|
|
|
const styles = StyleSheet.create({
|
|
|
|
image: {
|
|
|
|
backgroundColor: '#ddd',
|
|
|
|
margin: 10,
|
|
|
|
height: 100,
|
|
|
|
width: 100,
|
|
|
|
flex: 0,
|
|
|
|
},
|
|
|
|
})
|
|
|
|
|
|
|
|
export default withCacheBust(GifExample)
|