我有一個組件Items從資料庫拿資料渲染一組元件在傳回 ScrollView中，看起來程式碼也沒錯，可是出現在畫面的只有 "test"，並沒有下面的TouchableOpacity的內容 實在找不到問題出在哪，想請大大幫我看看是哪個部分出問題了。

畫面長這樣。

綠色部分是scrollView外面的View 藍色部分才是scrollView 我也不知道為什麼會長這樣，預期的結果應該是View裡面包一個text 然後在他下面是scrollView，真怪

這是Items 粉色區塊

  render() {
    const { items } = this.state;
    var i = 0;
    if (items === null) {
      console.log("empty");
      return null;
    }
    return (
      <View style={styles.sectionContainer}>
        <Text style={{}}>Test</Text>
        {items.map(({ id, content, title }) => {
          <TouchableOpacity
            key={id.toString()}
            style={styles.size}
          > 
            <Text style={{}}>{title} { console.log(id)}</Text>
            <Text style={{}}>{id}</Text>
          </TouchableOpacity>;
        })}
      </View>
    );
  }

這是ScrollView 藍色區塊

render() {
    return (
      <View style={styles.container}>
        <Text style={styles.fontcolor}>Diary List{console.log("Text")}</Text>
        <ScrollView style={styles.listArea}>
          <Items/>
        </ScrollView>
      </View>
    );
  }