订单列表

app/screens/Recipient/ConfirmOrder.tsx

@@ -11,6 +11,7 @@ import { NativeStackNavigationProp } from '@react-navigation/native-stack';
 import BackIcon from '../../components/BackIcon';
 import fontSize from '../../utils/fontsizeUtils';
 import useOrderStore from '../../store/order';
+import widthUtils from '../../utils/widthUtils';
 import { ordersApi } from '../../services/api/orders';
 import { Order } from '../../services/api/orders';
 export function ConfirmOrder() {
@@ -208,7 +209,7 @@ const styles = StyleSheet.create({
     fontWeight: '500',
   },
   border: {
-    height: 6,
+    height: widthUtils(6,6).height,
     backgroundColor: '#f5f5f5',
   },
   orderNumber: {
@@ -241,7 +242,7 @@ const styles = StyleSheet.create({
   shippingLabel: {
     fontSize: fontSize(14),
     color: '#666',
-    width: 80,
+    width: widthUtils(80,80).width,
   },
   shippingValue: {
     fontSize: fontSize(14),

app/screens/productStatus/Status.tsx

@@ -13,6 +13,7 @@ import BackIcon from "../../components/BackIcon";
 import MassageIcon from "../../components/MassageIcon";
 import { useEffect, useState, useRef } from "react";
 import fontSize from "../../utils/fontsizeUtils";
+import widthUtils from "../../utils/widthUtils";
 import {
   ordersApi,
   PaginatedOrderResponse,
@@ -300,7 +301,7 @@ const styles = StyleSheet.create({
     alignItems: "center",
   },
   statusTitle: {
-    fontSize: 16,
+    fontSize: fontSize(16),
     fontWeight: "600",
   },
   statusList: {
@@ -312,7 +313,7 @@ const styles = StyleSheet.create({
     width: "100%",
   },
   statusItem: {
-    width: 100,
+    width: widthUtils(100,100).width,
     padding: 16,
     backgroundColor: "white",
   },
@@ -369,8 +370,8 @@ const styles = StyleSheet.create({
     borderColor: "#f5f5f5",
   },
   orderProductItemImage: {
-    width: 30,
+    width: widthUtils(30,30).width,
-    height: 30,
+    height: widthUtils(30,30).height,
     marginRight: 10,
   },
   orderProductItemInfo: {