|
@@ -3,6 +3,7 @@ import { useRouter } from 'expo-router';
|
|
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
import React, { useCallback, useEffect, useRef, useState } from 'react';
|
|
|
import {
|
|
import {
|
|
|
ActivityIndicator,
|
|
ActivityIndicator,
|
|
|
|
|
+ Dimensions,
|
|
|
ImageBackground,
|
|
ImageBackground,
|
|
|
RefreshControl,
|
|
RefreshControl,
|
|
|
ScrollView,
|
|
ScrollView,
|
|
@@ -251,6 +252,8 @@ export default function RoomScreen() {
|
|
|
);
|
|
);
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
+const { width: SCREEN_WIDTH } = Dimensions.get('window');
|
|
|
|
|
+
|
|
|
const styles = StyleSheet.create({
|
|
const styles = StyleSheet.create({
|
|
|
container: { flex: 1, backgroundColor: '#1a1a2e' },
|
|
container: { flex: 1, backgroundColor: '#1a1a2e' },
|
|
|
background: { flex: 1 },
|
|
background: { flex: 1 },
|
|
@@ -299,8 +302,8 @@ const styles = StyleSheet.create({
|
|
|
},
|
|
},
|
|
|
|
|
|
|
|
// 房间列表
|
|
// 房间列表
|
|
|
- roomList: { paddingHorizontal: 15 },
|
|
|
|
|
- roomItem: { width: '100%', height: 84, flexDirection: 'row', alignItems: 'center', paddingHorizontal: 16, marginBottom: 6, position: 'relative' },
|
|
|
|
|
|
|
+ roomList: { paddingHorizontal: 0, alignItems: 'center' },
|
|
|
|
|
+ roomItem: { width: SCREEN_WIDTH - 12, height: 84, flexDirection: 'row', alignItems: 'center', paddingHorizontal: 16, marginBottom: 6, position: 'relative' },
|
|
|
officialBadge: { position: 'absolute', right: 0, top: 0, width: 48, height: 22 },
|
|
officialBadge: { position: 'absolute', right: 0, top: 0, width: 48, height: 22 },
|
|
|
officialImg: { width: '100%', height: '100%' },
|
|
officialImg: { width: '100%', height: '100%' },
|
|
|
mustBeBadge: { position: 'absolute', left: 0, top: 0, width: 51, height: 51 },
|
|
mustBeBadge: { position: 'absolute', left: 0, top: 0, width: 51, height: 51 },
|
