Я использую Карта элемент внутри 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',
},
Фактическая мощность
Желаемый выход