Реагируйте на список родных карт, нажмите, чтобы развернуть на полный экран - PullRequest
Новая
       10

Реагируйте на список родных карт, нажмите, чтобы развернуть на полный экран

0 голосов
/ 17 октября 2019

Я хочу создать список карточек (например, новостную ленту Facebook) в реагировать нативно, и я также могу нажать на него, чтобы развернуть в полноэкранный режим (в виде, как истории в Instagram)

Любая помощь, пожалуйста

1 Ответ

0 голосов
/ 17 октября 2019

вот код: \ 

import React, { Component } from 'react';
import {
 Platform,
 StyleSheet,
 Text,
 View
 } from 'react-native';
import { CardList } from 'react-native-card-list';

const cards = [
{
  id: "0",
  title: "Starry Night",
  picture: require('./assets/expo.symbol.white.png'),
  content: <Text>Starry Night</Text>
},
{
  id: "1",
  title: "Wheat Field",
  picture: require('./assets/icon.png'),
  content: <Text>Wheat Field with Cypresses</Text>
},
 {
  id: "2",
  title: "Bedroom in Arles",
  picture: require('./assets/expo.symbol.white.png'),
  content: <Text>Bedroom in Arles</Text>
 }
]

export default class App extends Component<{}> {
 render() {
   return (
     <View style={styles.container}>
       <CardList cards={cards} />
     </View>
  );
 }
}

const styles = StyleSheet.create({
 container: {
   flex: 1,
   justifyContent: 'center',
   alignItems: 'center',
   backgroundColor: '#F5FCFF',
   }
})

https://snack.expo.io/@matheus_cbrl/image-feed---card

, если это поможет вам, отметьте как правильный ответ.

...