Я создаю приложение для записи и пытаюсь визуализировать сигнал.Данные осциллограммы - это просто массив чисел с максимальной длиной 100. Я перебираю массив осциллограмм и отображаю 100 <View />
, например, так:
<View style={{ width: screenWidth, position: 'relative' }}>
{
this.state.waveforms.map((waveform, i) => {
return (
<View
key={waveform.key}
style={{
position: 'absolute',
top: WAVE_FORM_MAX_HEIGHT - waveform.value + (waveform.value / 2) - WAVE_FORM_MAX_HEIGHT,
left: screenWidth - (i * TOTAL_WAVE_FORM_WIDTH),
width: WAVE_FORM_MAX_WIDTH,
height: waveform.value,
backgroundColor: '#CC0000',
borderRadius: 2
}}
/>
)
})
}
</View>
Количество представлений всегда остается неизменнымно оперативная память продолжает увеличиваться.Есть идеи?