Свойство Flex не применяется к TouchableOpacity - PullRequest
Новая
       5

Свойство Flex не применяется к TouchableOpacity

0 голосов
/ 12 апреля 2020

Я следую этому учебнику и застрял с элементами Dynami c TouchableOpacity. По какой-то причине свойство flex не применяется. Когда я просматриваю элементы, используя chrome инструменты разработчика, я вижу их, но они не имеют свойства flex. Если я добавлю его вручную, я получу желаемый вид.

Вот фрагмент render: 

render() {
        const { rgb, size } = this.state;
        const { width } = Dimensions.get('window');

        return (
            <View style={styles.container}>
                <Header fontSize={40} />
                <View
                    style={{
                        height: width * 0.875,
                        width: width * 0.8758,
                        flexDirection: 'row',
                    }}
                >
                    {Array(size)
                        .fill()
                        .map((val, columnIndex) => (
                            <View
                                style={{ flex: 2, flexDirection: 'column' }}
                                key={columnIndex}
                            >
                                {Array(size)
                                    .fill()
                                    .map((val, rowIndex) => (
                                        <TouchableOpacity
                                            key={`${rowIndex}.${columnIndex}`}
                                            style={{
                                                flex: 1,
                                                backgroundColor: `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`,
                                                margin: 2,
                                            }}
                                            onPress={() =>
                                                console.log(
                                                    rowIndex,
                                                    columnIndex
                                                )
                                            }
                                        />
                                    ))}
                            </View>
                        ))}
                </View>
            </View>
        );
    }

1 Ответ

0 голосов
/ 13 апреля 2020

глупая ошибка. Импортировал TouchableOpacity из неправильной упаковки. Убедитесь, что вы импортируете из react-native

...