import React from 'react' ; import { SafeAreaView } from 'react-native' ; import { Tile } from '@uiw/react-native' ; import Layout from '../../Layout' ; const TileDemo = ( props ) => { const { Header } = Layout ; const { route } = props ; const description = route . params . description ; const title = route . params . title ; return ( < SafeAreaView style = { { flex : 1 } } > < Header title = { title } description = { description } / > < Tile imageSrc = { require ( '../../image/tileBG.png' ) } imageProps = { { resizeMode : 'contain' } } containerStyle = { { marginTop : 10 } } imageContainerStyle = { { backgroundColor : '#ccc' } } title = "ccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc" titleStyle = { { color : '#000' , fontSize : 38 , textAlign : 'center' , paddingTop : 190 , } } caption = "mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm" captionStyle = { { color : '#666' , fontSize : 22 , textAlign : 'center' , paddingHorizontal : 20 , } } iconContainerStyle = { { marginTop : 0 } } titleNumberOfLines = { 2 } contentContainerStyle = { { height : 320 } } icon = { { name : 'uiw' , color : '#333333' , size : 38 } } activeOpacity = { 0.9 } onPress = { ( ) => console . log ( '点击事件' ) } /> < /SafeAreaView>); } ; export default TileDemo ;