Блог

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

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

Можете ли вы мне помочь?

 var highlightsUser = [];

for(let i = 0; i < 126; i  ){
  highlightsUser.push({uid: i, start: 0, end: 0})
}

<FlatList
            data={ chapterData.verses }
            renderItem={({ item, index }) => (
              <View style={{
                flexDirection: 'row',
                paddingBottom: 15,
                width: '98%'
              }}>
                <Text style={{

                  fontSize: 16,
                  fontWeight: 'bold',
                  color: '#FFF',

                }}>{ item.number }</Text>

                <SelectableText
                  menuItems={["Marcar", "Favoritar"]}
                  highlights={[ highlightsUser[index] ]}
                  highlightColor='rgba(255,255,0,0.5)'
                  style={{ fontSize: 16, color: '#FFF' }}
                  onSelection={({ eventType, content, selectionStart, selectionEnd }) => {
                    if(eventType === "Marcar") {
                      console.log(content);
                      console.log(selectionStart);
                      console.log(selectionEnd);

                      const myIndex = highlightsUser.findIndex((el) => el.uid === index);
                      highlightsUser[myIndex] = { start: selectionStart, end: selectionEnd }
                      console.log(`start: ${highlightsUser[index].start}, end: ${highlightsUser[index].end}`);
                    }
                  }}
                  value={ item.text }
                />
                
              </View>
            )}
          />