title: Rendering items not showing up
body: <p>im writing a todolist with reactnative using hooks , however when rendering todo items , its not showing up, any advice to fix this
  thank you so much for your help!!!</p>
  
  <pre><code>import React, { useState } from 'react';
      import { StyleSheet, FlatList, Text, View } from 'react-native';
  
  
  
      export default function App() {
        const [todos, setTodos] = useState([
          { text: 'budddy', key: '1' },
          { text: 'helloddd', key: '2' },
          { text: "hellddo", key: '3' }
        ])
        return (
  
          &lt;View style={styles.container}   &gt;
  
            &lt;View style={styles.content}&gt;
              &lt;FlatList data={todos} renderItem={({ item }) =&gt; {
  
                &lt;Text&gt; {item.text}&lt;/Text&gt;
  
              }} /&gt;
  
            &lt;/View&gt;
  
  
  
  
          &lt;/View&gt;
        );
  
      }
  
      const styles = StyleSheet.create({
        container: {
          paddingTop: 30,
        },
        content: {
          padding: 40
        },
  
      })
  </code></pre>