Dingdong_client/screens/User/CooperationScreen.jsx

import * as WebBrowser from 'expo-web-browser';
import * as React from 'react';
import { Div, Button, Image, Text, Avatar } from 'react-native-magnus';
import { ScrollView } from 'react-native-gesture-handler';

import { List } from 'react-native-paper';

import Header from '../../components/Header';

export default function CooperationScreen({ navigation }) {
  return (
    <>
      <Header title="合作申请" />
      <ScrollView>
        <Div bg="white" mb={5}>
          <List.Item
            title="商家入驻"
            description={() => {
              return (
                <Div mt={10}>
                  <Text fontSize="xs" color="gray300" textAlign="left">
                    美食、甜品饮料、水果、按摩商家已入驻
                  </Text>
                  <Text fontSize="xs" color="gray300" textAlign="left">
                    商家入驻合作请联系13455324344（联系方式）
                  </Text>
                </Div>
              );
            }}
            left={() => (
              <Image
                w={19}
                h={17}
                alignSelf="center"
                mx={10}
                source={require('../../assets/images/cooperation3.png')}
              />
            )}
            right={(props) => <List.Icon {...props} icon="chevron-right" />}
            onPress={() => navigation.navigate('Apply', { type: '商家' })}
          />
        </Div>
        <Div bg="white" mb={5}>
          <List.Item
            title="骑手招募"
            description={() => {
              return (
                <Div mt={10}>
                  <Text fontSize="xs" color="gray300" textAlign="left">
                    多劳多得、上不封顶、时间自由
                  </Text>
                  <Text fontSize="xs" color="gray300" textAlign="left">
                    骑手招募合作请联系13455324344（联系方式）
                  </Text>
                </Div>
              );
            }}
            left={() => (
              <Image
                w={19}
                h={17}
                alignSelf="center"
                mx={10}
                source={require('../../assets/images/cooperation2.png')}
              />
            )}
            right={(props) => <List.Icon {...props} icon="chevron-right" />}
            onPress={() => navigation.navigate('Apply', { type: '骑手' })}
          />
        </Div>
        <Div bg="white" mb={5}>
          <List.Item
            title="商务合作"
            description={() => {
              return (
                <Div mt={10}>
                  <Text fontSize="xs" color="gray300" textAlign="left">
                    骑手招募合作请联系13455324344（联系方式）
                  </Text>
                </Div>
              );
            }}
            left={() => (
              <Image
                w={19}
                h={17}
                alignSelf="center"
                mx={10}
                source={require('../../assets/images/cooperation1.png')}
              />
            )}
            right={(props) => <List.Icon {...props} icon="chevron-right" />}
            onPress={() => navigation.navigate('Apply', { type: '商务' })}
          />
        </Div>
      </ScrollView>
    </>
  );
}