React native React原生平面列表don'；卷轴

我的平面列表不滚动，我已将平面列表插入安全区域视图但不工作，我可以看到项目但无法滚动

我怎样才能解决这个问题

我怎么能试试

多谢各位

导出默认函数App（）{
const[textTodo，setTextTodo]=useState（“”）
常量[ArrayTo，SetArrayTo]=useState（[]）
常量inputExtHandler=（文本）=>{
setTextTodo（文本）
}
const insertTodoHandler=（）=>{
如果（textTodo.trim（）=''）{
警报。警报（‘ToDo vuoto’、‘Devi inserire qualcosa da fare’）
回来
}
setArrayTodo（[…arrayTodo，{value:textTodo，id:Math.random（）.toString（）}]））
console.log（arrayTodo）
setTextTodo（“”）
键盘
}
返回(
{item.value}
keyExtractor={item=>item.id}
/>
);
}

我试过你的代码，它工作正常，可能是你的样式有问题。检查这一个，我试过通过更改样式：

import React, { useState} from 'react';
import { View, TextInput, ScrollView, FlatList, SafeAreaView, Button, Text, Keyboard, StyleSheet  } from 'react-native';
export default function App() {
    const [textTodo, setTextTodo] = useState('')
    const [arrayTodo, setArrayTodo] = useState([])

    const inputTextHandler = (text) => {
      setTextTodo(text)
    }

    const insertTodoHandler = () => {
      if (textTodo.trim() === '') {
        Alert.alert('ToDo vuoto', 'Devi inserire qualcosa da fare')
        return
      }
      setArrayTodo([...arrayTodo, { value: textTodo, id: Math.random().toString() }])
      console.log(arrayTodo)
      setTextTodo('')
    }

    return (
      <View style={{marginTop:50,flex:1}}>
        <View style={styles.container}>
          <TextInput onChangeText={inputTextHandler} value={textTodo} style={styles.input} placeholder='Cosa hai da fare?' />
          <Button title='INSERISCI' onPress={insertTodoHandler} />
        </View>
        <FlatList 
          style={styles.output}
            data={arrayTodo}
            renderItem={({ item }) => <View><Text style={styles.outputText}>{item.value}</Text></View>}
            keyExtractor={item => item.id}
          />
      </View>
    );
  }
  const styles = StyleSheet.create({
    container: {
        padding:50,
        flexDirection: 'row',
        alignItems: 'center',
        backgroundColor: 'white',
      },
      input: {
        borderBottomWidth: 1,
        marginVertical: 15,
        width: '80%',
        marginHorizontal: 5,
        paddingLeft: 5
      },
      output: {
        paddingHorizontal: 50,
      },
      outputText: {
        borderWidth: 1,
        borderColor: 'grey',
        padding: 10,
        marginVertical: 5,
        borderRadius: 10,
      },
      shadow: {
        shadowOffset: { width: 15, height: 15 },
        shadowOpacity: 1
      }
  });

import React，{useState}来自“React”；
从“react native”导入{视图、文本输入、滚动视图、平面列表、安全区域视图、按钮、文本、键盘、样式表}；
导出默认函数App（）{
const[textTodo，setTextTodo]=useState（“”）
常量[ArrayTo，SetArrayTo]=useState（[]）
常量inputExtHandler=（文本）=>{
setTextTodo（文本）
}
const insertTodoHandler=（）=>{
如果（textTodo.trim（）=''）{
警报。警报（‘ToDo vuoto’、‘Devi inserire qualcosa da fare’）
回来
}
setArrayTodo（[…arrayTodo，{value:textTodo，id:Math.random（）.toString（）}]））
console.log（arrayTodo）
setTextTodo（“”）
}
返回(
{item.value}
keyExtractor={item=>item.id}
/>
);
}
const styles=StyleSheet.create({
容器：{
填充：50，
flexDirection:'行'，
对齐项目：“居中”，
背景颜色：“白色”，
},
输入：{
边界宽度：1，
澳门时间:15,，
宽度：“80%”，
marginHorizontal:5，
填充左：5
},
输出：{
水平方向：50，
},
输出文本：{
边框宽度：1，
边框颜色：“灰色”，
填充：10，
第五名：，
边界半径：10，
},
影子：{
阴影偏移：{宽度：15，高度：15}，
阴影不透明度：1
}
});

---

希望这有帮助

对你的代码做了一些更改检查它是否工作现在它工作了，只是它向上滚动到某个点，并且没有显示所有的项目。如果你像我在上面的代码中提到的那样在俯视图中添加了这种样式，那可能就是你有时会丢失的原因。只需添加它并检查一次即可。