Dingdong_client/screens/Detail/Order.jsx

import * as WebBrowser from 'expo-web-browser';
import * as React from 'react';
import { StyleSheet, View, Dimensions, FlatList } from 'react-native';
import { Div, Text } from 'react-native-magnus';

import Recommend from './Recommend';
import Classification from './Classification';
import ClassificationList from './ClassificationList';

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

export default function Order() {
  return (
    <>
      <Recommend />

      <Div row flex={1}>
        <Classification />

        <ClassificationList />
      </Div>
    </>
  );
}

const styles = StyleSheet.create({
  right: {
    backgroundColor: '#fff',
  },
});