文章标题 原创 翻译 转载 文章内容 ``` import React from 'react'; import { registerComponent, } from 'react-native-playground'; import { StatusBar, StyleSheet, Text, View, Image, } from 'react-native'; class ItemBox extends React.Component { render() { return ( <View style={styles.itemBox}> <Image style={styles.logo} source={{uri: this.props.uri}} /> <View style={styles.right}> <Text style={styles.title}> {this.props.title} </Text> <Text style={styles.content}> {this.props.content} </Text> </View> </View> ) } } class App extends React.Component { render() { const uri = 'http://facebook.github.io/react/img/logo_og.png' const title = '这是一个标题啊' const content = '这是文章的简介这是文章的简介这是文章的简介' return ( <View style={styles.container}> <ItemBox uri={uri} title={title} content={content} /> </View> ); } } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', marginTop: 25, }, itemBox: { flexDirection: 'row', height: 100, padding: 10, backgroundColor: '#eee', }, logo: { width: 80, height: 80, borderRadius: 40, }, right: { flexDirection: 'column', justifyContent: 'space-around', margin: 10, }, title: { fontSize: 20, color: '#000', }, content: { fontSize: 16, color: '#f00', }, }); registerComponent(App); ``` 文章类别 Python Mobile Android Java Shell Life Database Bug Windows IOS Tools Boost Node.js Mac Product Tips C/C++ Golang Javascript React Qt MQ MongoDB Design Web Linux LLM ChatGPT RAG AI 提交