FlatList 中的 React Native 内联元素实现

Question

我是原生反应新手，我遇到了这样的问题 我有很多文本元素，我想一个接一个地对齐，而不需要转到下一行，如图所示......

P.S 我有几千个 Text 元素，ScrollView 可以处理更多

我可以让下一个文本从上一行 newxt 开始到上一个文本，而不是转到下一行吗？

Answer 1

我不确定您到底在寻找什么。但我想这可能对你有帮助。

const data = [
              {
                id: '1',
                title: 'First Item',
              },
              {
                id: '2',
                title: 'Second Item',
              },
              {
                id: '3',
                title: 'Third Item',
              },
        ];


    return(
          <View style={{alignItems:'center', display: 'flex',flexDirection:'row'}}>
                {
                    data.map( e=>( <Text> {e.title} </Text> ))
                }

          </View>
    );