TouchableWithoutFeedback component breaks FlatList scrolling...

after the App.js views are wrapped in the TouchableWithoutFeedback component, if the list becomes longer than the Item container for the FlatList, scrolling breaks...

I fixed it by wrapping the ToDoItem component in another **TouchableWithoutFeedback**, which makes the items 'touchable' again, allowing them to scroll...

```
export default function ToDoItem ({ item, pressHandler }) {

return (

****

{item.text}

pressHandler(item.id)}>
Done

{/* pressHandler(item.id)}/> */}


****

)
}
```

However, if a user tries scrolling from the "list" view (pressing 'between' two items to scroll), then scrolling is still disabled. I havent been able to figure out how to fix that, except for minimizing the 'marginTop' style for the items (bringing them closer together)...

Any ideas on how to make *any* press within the App.js list view?

I tried wrapping it in another Touchable component, as well as adding a 'onStartShouldSetResponder' prop to the 'list' View, both unsuccessfully...

from App.js
```
{
if (isKeyboardVisible) {
Keyboard.dismiss();
console.log('keyboard dismissed');
}
}}
accessible={false}>

{/* {header} */}


{/* {add todo form} */}

{}}>
true}
style={styles.list}>
{/* {todo list items} */}
(

)}
/>





```