Как изменить цвет фона карты на TouchableOpacity onPress - PullRequest
0 голосов
/ 14 января 2019

Я использую Карта элемент внутри TouchableOpacity .

Когда я нажимаю на него, фоновый цвет карты слишком сильно раздражает при прозрачности w.r.t.

когда я удаляю borderRadius , эта проблема не возникает .

когда я использую borderRadius , эта проблема возникает

Я видел все реквизиты компонентов, которые я использую, но у меня ничего не получалось.

Проблема:

Когда я использую borderRadius в карточке containerStyle, цвет TouchableOpacity не совпадает с цветом карточки. примерно противоположно.

как я могу дать тот же цвет, чтобы при нажатии карты не отображался белый цвет фона карты?

Component.js

               <TouchableOpacity>
                            <Card
                            containerStyle={styles.MainCardStyle}
                            transparent>
                                <CardItem
                                    cardBody
                                    >
                                    <View style= 
                                       {styles.cardContentStyle}>
                                        <Image
                                            style={styles.iconStyle}
                                            resizeMode="contain"
                                            source= 
                                   {require('../../assets/database.png')}
                                        />
                                        <Text style= 
                               {styles.cardTextStyle}>Setting</Text>
                                    </View>
                                </CardItem>
                            </Card>
             </TouchableOpacity>

styles.js

export const styles=({
    MainCardStyle: {
         borderRadius: 16,

    },
    cardContentStyle: {
        flexDirection: 'row',

    },

Фактическая мощность

Actual Output

Желаемый выход

Expected Output

1 Ответ

0 голосов
/ 14 января 2019

Поместите TouchableOpacity внутрь карты и используйте:

style = {... StyleSheet.absoluteFillObject}

причины. Таблица стилей должна быть импортирована

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...