我剛剛開發了一個React Native的什麼特定組件?
- 内容介绍
- 文章标签
- 相关推荐
本文共计216个文字,预计阅读时间需要1分钟。
这是一个React Native的Card组件,具有美观的设计,可以查看以下链接:
+ [代码](https://github.com/jacklam718/react-native-card-view)
1. [代码](JavaScript) 代码示例:javascriptimport React, { Component } from 'react';import { StyleSheet } from 'react-native';import { Card, Car } from 'react-native-card-view';
這是一個ReactNativeCardComponent有興趣可以看看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) 代码示例:javascriptimport React, { Component } from 'react';import { StyleSheet } from 'react-native';import { Card, Car } from 'react-native-card-view';
這是一個ReactNativeCardComponent有興趣可以看看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 } });

