components/Banner/index.jsx

@@ -9,17 +9,17 @@ export default function Banner({
   navigation,
   banners,
   width = Dimensions.get("window").width - 40,
-  height = 160,
+  height = ((Dimensions.get("window").width - 40) * 3) / 7,
 }) {
   const tailwind = useTailwind();
 
-  return (
+  return !!banners.length ? (
     <Swiper
       autoplay
       width={width}
       height={height}
       paginationStyle={tailwind("bottom-2")}
-      activeDotStyle={tailwind("bg-fuchsia-400")}
+      activeDotStyle={tailwind("bg-[#FF669E]")}
     >
       {/* <View
         style={tailwind("flex flex-row justify-between w-full h-full bg-white")}
@@ -71,5 +71,5 @@ export default function Banner({
         </TouchableOpacity>
       ))}
     </Swiper>
-  );
+  ) : null;
 }

screeens/Search/HostList/index.jsx

@@ -94,9 +94,6 @@ export default function HostList() {
   }, []);
   return (
     <View style={tailwind("flex-1 px-4")}>
-      <View style={tailwind("mb-4")}>
-        <Banner banners={bannerList} navigation={navigation} />
-      </View>
       <View style={tailwind("flex flex-row justify-between items-center")}>
         <Text style={tailwind("text-white text-xl font-medium")}>猜你想看</Text>
         <TouchableOpacity
@@ -232,6 +229,9 @@ export default function HostList() {
           ))}
       </View>
       {/* Banner预留位置 */}
+      <View style={tailwind("mt-4")}>
+        <Banner banners={bannerList} navigation={navigation} />
+      </View>
     </View>
   );
 }