临时头像

app/profile.tsx

@@ -248,9 +248,11 @@ export default function ProfileScreen() {
             <>
               <View style={styles.profileHeader}>
                 <Image
-                  source={{
+                  source={
-                    uri: user?.avatar || "https://via.placeholder.com/100",
+                    user?.avatar
-                  }}
+                      ? { uri: user?.avatar }
+                      : require("@/assets/male_05.svg")
+                  }
                   style={styles.avatar}
                   contentFit="cover"
                 />

assets/avatar12.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1768976232013" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9287" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M430.920566 797.059459h199.264864v127.308109c0 55.024778-44.613189 99.632432-99.632432 99.632432-55.030314 0-99.632432-44.607654-99.632432-99.632432v-127.308109z" fill="#C5AC95" p-id="9288"></path><path d="M139.102706 585.694789c0 48.698119 39.476584 88.174703 88.174703 88.174703 48.692584 0 88.169168-39.476584 88.169167-88.174703 0-48.692584-39.476584-88.169168-88.174702-88.169167-48.692584 0-88.169168 39.476584-88.169168 88.174702z" fill="#C9AB90" p-id="9289"></path><path d="M495.39382 166.054054h11.07027c158.963546 0 287.827027 128.863481 287.827027 287.827027v309.967568c0 97.822443-79.301881 177.124324-177.124324 177.124324H384.691117c-97.822443 0-177.124324-79.301881-177.124324-177.124324V453.881081c0-158.963546 128.863481-287.827027 287.827027-287.827027z" fill="#EBD3BD" p-id="9290"></path><path d="M329.339766 752.778378c0 61.141103 49.5616 110.702703 110.702702 110.702703s110.702703-49.5616 110.702703-110.702703H329.339766z" fill="#E89E80" p-id="9291"></path><path d="M251.847874 664.216216m27.675675 0l332.108109 0q27.675676 0 27.675675 27.675676l0 0q0 27.675676-27.675675 27.675676l-332.108109 0q-27.675676 0-27.675675-27.675676l0 0q0-27.675676 27.675675-27.675676Z" fill="#4D4132" p-id="9292"></path><path d="M425.025647 509.232432a34.970984 34.970984 0 0 1 32.856562 23.026163l36.542962 100.490378a68.580324 68.580324 0 0 1-64.428973 92.010551h-15.481773a68.580324 68.580324 0 0 1-63.465859-94.540108l40.218292-98.31507A36.482076 36.482076 0 0 1 425.025647 509.232432z" fill="#E89E80" p-id="9293"></path><path d="M726.906382 580.159654c0 48.698119 39.476584 88.174703 88.169167 88.174703s88.174703-39.476584 88.174703-88.174703c0-48.692584-39.482119-88.169168-88.174703-88.169168s-88.174703 39.476584-88.174702 88.174703z" fill="#EBD3BD" p-id="9294"></path><path d="M775.886793 575.8976a39.188757 39.188757 0 1 0 78.377513 0.016605 39.188757 39.188757 0 0 0-78.377513-0.016605z" fill="#E89E80" p-id="9295"></path><path d="M229.707333 504.582919a78.377514 78.377514 0 1 0 156.749492 0c0-43.284757-35.092757-78.377514-78.377513-78.377514S229.707333 461.298162 229.707333 504.582919z" fill="#FFFFFF" p-id="9296"></path><path d="M262.918144 504.776649a34.290162 34.290162 0 1 0 68.580324 0 34.290162 34.290162 0 0 0-68.580324 0z" fill="#514141" p-id="9297"></path><path d="M500.928955 504.582919c0 43.284757 35.092757 78.371978 78.377513 78.371978s78.371978-35.092757 78.371979-78.377513S622.58569 426.205405 579.300933 426.205405 500.928955 461.298162 500.928955 504.582919z" fill="#FFFFFF" p-id="9298"></path><path d="M534.139766 504.776649a34.290162 34.290162 0 1 0 68.580324 0 34.290162 34.290162 0 0 0-68.580324 0z" fill="#514141" p-id="9299"></path><path d="M218.637063 398.52973m27.675676 0l121.772973 0q27.675676 0 27.675675 27.675675l0 0q0 27.675676-27.675675 27.675676l-121.772973 0q-27.675676 0-27.675676-27.675676l0 0q0-27.675676 27.675676-27.675675Z" fill="#4D4132" p-id="9300"></path><path d="M484.323549 398.52973m27.675676 0l121.772973 0q27.675676 0 27.675676 27.675675l0 0q0 27.675676-27.675676 27.675676l-121.772973 0q-27.675676 0-27.675676-27.675676l0 0q0-27.675676 27.675676-27.675675Z" fill="#4D4132" p-id="9301"></path><path d="M161.077193 460.296303C121.168868 416.125924 96.86409 357.5808 96.86409 293.362162 96.86409 155.797449 208.380458 44.281081 345.945171 44.281081a247.968519 247.968519 0 0 1 147.943092 48.675978c-38.856649 170.686962-164.382443 308.650205-328.139416 365.745125z" fill="#4D4132" p-id="9302"></path><path d="M540.029149 6.453968c182.570897-28.782703 354.021708 95.176649 382.937254 276.856389 13.489124 84.753989-6.420757 167.100195-50.037621 233.759827C641.942058 476.331589 444.703052 318.547027 357.015441 98.591827 405.115766 51.172324 468.066858 17.795459 540.029149 6.453968z" fill="#4D4132" p-id="9303"></path></svg>

assets/male_05.svg

@@ -0,0 +1,58 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
+  <defs>
+
+    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#FFF7F0"/>
+      <stop offset="100%" stop-color="#EEF6FF"/>
+    </linearGradient>
+
+    <linearGradient id="skin" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#FFE2CF"/>
+      <stop offset="100%" stop-color="#F6C1A8"/>
+    </linearGradient>
+
+    <linearGradient id="hair" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0%" stop-color="#3C2C24"/>
+      <stop offset="100%" stop-color="#1E1512"/>
+    </linearGradient>
+
+    <linearGradient id="shirt" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#F97316"/>
+      <stop offset="100%" stop-color="#EA580C"/>
+    </linearGradient>
+
+    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feDropShadow dx="0" dy="8" stdDeviation="14" flood-color="#0B1220" flood-opacity="0.14"/>
+    </filter>
+
+    <clipPath id="clip">
+      <rect x="32" y="32" width="448" height="448" rx="140"/>
+    </clipPath>
+
+  </defs>
+
+  <g clip-path="url(#clip)">
+    <rect x="32" y="32" width="448" height="448" rx="140" fill="url(#bg)"/>
+    <circle cx="360" cy="120" r="160" fill="#FDBA74" opacity="0.18"/>
+    <circle cx="140" cy="420" r="180" fill="#93C5FD" opacity="0.14"/>
+    <g filter="url(#shadow)">
+      <ellipse cx="256" cy="220" rx="112" ry="120" fill="url(#skin)"/>
+      <ellipse cx="138" cy="228" rx="16" ry="24" fill="url(#skin)"/>
+      <ellipse cx="374" cy="228" rx="16" ry="24" fill="url(#skin)"/>
+      <path d="M140 232 C148 128, 224 84, 270 92
+              C320 100, 392 142, 384 220
+              C382 248, 374 268, 362 286
+              C352 240, 320 220, 260 218
+              C200 216, 164 240, 152 290
+              C144 272, 140 254, 140 232 Z" fill="url(#hair)"/>
+      <path d="M210 250c8-6 16-8 24-8s16 2 24 8" stroke="#0B1220" stroke-opacity="0.18" stroke-width="8" fill="none" stroke-linecap="round"/>
+      <path d="M274 250c8-6 16-8 24-8s16 2 24 8" stroke="#0B1220" stroke-opacity="0.18" stroke-width="8" fill="none" stroke-linecap="round"/>
+      <path d="M256 258c-6 12-6 20 0 28" stroke="#0B1220" stroke-opacity="0.12" stroke-width="6" fill="none" stroke-linecap="round"/>
+      <path d="M232 300c8 8 18 12 24 12s16-4 24-12" stroke="#0B1220" stroke-opacity="0.18" stroke-width="8" fill="none" stroke-linecap="round"/>
+      <rect x="228" y="320" width="56" height="44" rx="22" fill="url(#skin)"/>
+      <path d="M120 480 C130 390, 200 350, 256 350 C312 350, 382 390, 392 480 Z" fill="url(#shirt)"/>
+    </g>
+  </g>
+  <rect x="32" y="32" width="448" height="448" rx="140" fill="none" stroke="#0B1220" opacity="0.04"/>
+
+</svg>