Dingdong_client/screens/Main/HomeScreen.jsx

import * as WebBrowser from 'expo-web-browser';
import * as React from 'react';
import { StyleSheet, View } from 'react-native';
import { ScrollView } from 'react-native-gesture-handler';
import { WingBlank, Flex } from '@ant-design/react-native';
import { FAB } from 'react-native-paper';
import useModel from 'flooks';
import { useMount, useToggle } from '@umijs/hooks';
import Button from '../../components/Button';
import Header from '../../components/HomeHeader';
import Text from '../../components/Text';
import Banner from './Home/Banner';
import MenuCom from './Home/Menu';
import List from './Home/List';
import RecommendStore from './Home/RecommendStore';
import SpecialArea from './Home/SpecialArea';
import HomeModel from './Home/model';
import Icon from '../../components/SvgIcon';

export default function HomeScreen() {
  const { initHome } = useModel(HomeModel, []);

  useMount(() => {
    initHome();
  });

  return (
    <>
      <ScrollView style={styles.container}>
        <Header />
        <WingBlank>
          <Button block size="small" type="info" onPress={() => {}}>
            搜索
          </Button>
        </WingBlank>

        <View style={styles.main}>
          <Banner />
          <MenuCom />
          <SpecialArea />
          <RecommendStore />
        </View>
        <List />
      </ScrollView>
      <FAB
        style={styles.fab}
        icon={({ size }) => (
          <Icon width={size} height={size} name="cart" type="info" />
        )}
        color="#fff"
        onPress={() => console.log('Pressed')}
      />
    </>
  );
}
HomeScreen.navigationOptions = {
  header: null,
};

const styles = StyleSheet.create({
  container: {
    flexGrow: 1,
    backgroundColor: '#fff',
  },
  contentStyle: {
    height: 20,
  },
  text: {
    fontSize: 10,
    color: '#AAAAAA',
  },
  main: {
    flex: 1,
    paddingTop: 10,
    width: '100%',
  },
  fab: {
    position: 'absolute',
    margin: 16,
    right: 0,
    bottom: 0,
    backgroundColor: '#fff',
  },
});