Dingdong_client/screens/Main/Home/List.jsx

import * as WebBrowser from 'expo-web-browser';
import * as React from 'react';
import { Dimensions } from 'react-native';
import Constants from 'expo-constants';
import { Div } from 'react-native-magnus';
import useModel from 'flooks';
import MerchantCom from './MerchantCom';
import HomeModel from './model';

const { height } = Dimensions.get('window');

export default function List() {
  const { list } = useModel(HomeModel, ['list']);

  return (
    <Div
      zIndex={1}
      py={10}
      minH={height - 46 - 35 - 49 - Constants.statusBarHeight}
    >
      {list.length > 0 &&
        list.map((item, index) => {
          return <MerchantCom key={index} info={item} />;
        })}
    </Div>
  );
}