像Instagram中的searchScreen一样呈现图像

Question

我想像db searchScreen

那样从db渲染图像

class FeedHome extends Component {
    _renderItem = ({ item }) => <PicsContent {...item} />

    render() {

    return(
      <Root>
        <FlatList
          contentContainerStyle={{ alignSelf: 'stretch' }}
          data={data.getPosts}
          keyExtractor={item => item._id}
          renderItem={this._renderItem}
        />
     </Root>
   );
 }
}

这是PicsContent函数;

function PicsContent({image}) {
  return (
    <Root>
      <PicsContentContainer>
        {image}
      </PicsContentContainer>
      <PicsContentContainer>
        {image}
      </PicsContentContainer>
      <PicsContentContainer>
        {image}
      </PicsContentContainer>
   </Root>
  )
}

我把这些代码的结果放在下面的链接中。

Answer 1

要在instagram搜索等3列中显示FlatList项目，您可以使用属性numColumns={3}。

You can see this post: