Неожиданный серый фон в диаграммах React-Native-Gifted-Chart с прозрачной конфигурацией ⇐ Javascript

[Anonymous]

Описание: я использую React-native-gifted-charts в своем приложении React Native (Expo) для отображения графика тенденций расходов. Несмотря на настройку LineChart на прозрачный фон и настройку родительского контейнера на белый цвет, я вижу постоянный серый фон за диаграммой и областью легенды.
Зависимости:

• react-native: 0.81.5
• react-native-gifted-charts: 1.4.70 (проверьте свой версия)
• expo: 54.0.23

Фрагмент кода: Вот соответствующая часть моего компонента:

Код: Выделить всё

 {/* Chart Container */}
 {
const { width } = e.nativeEvent.layout
setWidth(width)
}}
>
 {
const index = expenseData.findIndex((d) => d.value === items[0]?.value)
const expense = items[0]?.value || 0
const budget = budgetData[index]?.value || 5000
const monthName = monthNames[index] || 'Month'
const isOverspent = expense > budget
const difference = Math.abs(expense - budget)

return (


{monthName}, {year}


Budget : 

AED {budget}




Expense :{' '}


AED {expense}


{isOverspent && (

AED {difference} Over spent

)}

)
},
}}
/>

{/* Legend */}




{t('budget.expenseLegend')}




- - -


{t('budget.budget')}

Проблема: несмотря на то, что я установил backgroundColor="transparent" на LineChart и скрытьRules={true}, существует видимый серый оттенок/фон, который покрывает область диаграммы и распространяется на легенды.


Вопрос: сталкивался ли кто-нибудь с этой конкретной проблемой с серым фоном в диаграммах React-native-Gifted-Charts, и существует ли определенная иерархия свойств или стилей, необходимая для того, чтобы фон диаграммы был действительно прозрачным или белым?>

Подробнее здесь: https://stackoverflow.com/questions/798 ... h-transpar