这個React Native組件能夠應對長尾關鍵詞的搜索請求嗎?
- 内容介绍
- 文章标签
- 相关推荐
本文共计216个文字,预计阅读时间需要1分钟。
这是一个React Native的Card组件,具有简洁的设计,可以查看以下链接:
+ [代码](https://github.com/jacklam718/react-native-card-view)
1.[代码](JavaScript) 代码示例:
github.com/jacklam718/react-native-card-view
1.[代码][JavaScript]代码
import React, {Component} from 'react'; import { StyleSheet } from 'react-native'; import { Card, CardImage, CardTitle, CardContent, CardAction } from 'react-native-card-view'; Class Example extends Component { render () { return ( <Card> <CardTitle> <Text style={styles.title}>Card Title</Text> </CardTitle> <CardContent> <Text>Content</Text> </CardContent> <CardAction > <Button style={styles.button} onPress={() => {}}> Button 1 </Button> <Button style={styles.button} onPress={() => {}}> Button 2 </Button> </CardAction> </Card> ); } } const styles = StyleSheet.create({ title: { fontSize: 38, backgroundColor: 'transparent' }, button: { marginRight: 10 } });
2.[图片] react-native-card-view-38.png
本文共计216个文字,预计阅读时间需要1分钟。
这是一个React Native的Card组件,具有简洁的设计,可以查看以下链接:
+ [代码](https://github.com/jacklam718/react-native-card-view)
1.[代码](JavaScript) 代码示例:
github.com/jacklam718/react-native-card-view
1.[代码][JavaScript]代码
import React, {Component} from 'react'; import { StyleSheet } from 'react-native'; import { Card, CardImage, CardTitle, CardContent, CardAction } from 'react-native-card-view'; Class Example extends Component { render () { return ( <Card> <CardTitle> <Text style={styles.title}>Card Title</Text> </CardTitle> <CardContent> <Text>Content</Text> </CardContent> <CardAction > <Button style={styles.button} onPress={() => {}}> Button 1 </Button> <Button style={styles.button} onPress={() => {}}> Button 2 </Button> </CardAction> </Card> ); } } const styles = StyleSheet.create({ title: { fontSize: 38, backgroundColor: 'transparent' }, button: { marginRight: 10 } });

