Контент FlatList не подходит на 100% - PullRequest
Новая
       28

Контент FlatList не подходит на 100%

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

У меня этот контент FlatList не подходит на 100% на эмуляторе Android, в то время как в ios он подходит

Я пробовал разные стили как для контейнера, так и для ContentContainer, но ничего не работает

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



import React, {useState, useEffect} from 'react';
import {Text, View, StyleSheet, TouchableOpacity, FlatList, ScrollView} from 'react-native';
import Header from '../Components/Header';
import Card from '../Components/Card';
import azkar from '../api/azkar';
import CardSection from '../Components/CardSection';


const ShowScreen = ({navigation}) => {

    const [text, setText] = useState({});
    const [repeat, setRepeat] = useState(null);

    const id = navigation.getParam('id');

    const fetchText = async () => {
        const response = await azkar.get(`/${id}`);
        setText(response.data);
    };

    const number = () => {
        setRepeat(repeat - 1);
    }

    useEffect(() => {
        fetchText();
    }, []);






    return (
        <View style={{marginHorizontal : 20}}>
        <Header header ={text.name} />
        <ScrollView>
        <FlatList 
        data={text.content}
        keyExtractor = {(text) => text.id}
        showsVerticalScrollIndicator = {false}
        renderItem = {({item}) => {
            return (
                <View style={styles.container}>

                <TouchableOpacity onPress = {() => number()}>
                    <CardSection >
                    <Card >
                    {item.text}
                    </Card>
                    <Card >
                    {item.repeat}
                     </Card>
                    </CardSection>

                </TouchableOpacity>
                </View>
            );
        }}
        />
        </ScrollView>
        </View>
    );
};


const styles = StyleSheet.create({
    container : {
        flexDirection : 'row',
        alignContent : 'stretch',


    }
});


export default ShowScreen;

Я ожидал, что он будет работать одинаково в andriod и ios, также мне нужна помощь с этой функциейчисло (), чтобы при нажатии получалось уменьшение числа

...