import React from 'react' ; import { ActivityIndicator , StyleSheet , useColorScheme , View } from 'react-native' ; import { useTheme } from 'stream-chat-react-native' ; const styles = StyleSheet . create ( { container : { alignItems : 'center' , flex : 1 , justifyContent : 'center' , } , } ) ; export const LoadingScreen = ( ) => { const colorScheme = useColorScheme ( ) ; const { theme } = useTheme ( ) ; return ( < View style = { [ styles . container , { backgroundColor : theme ?. colors ?. white_snow || colorScheme === 'dark' ? '#070A0D' : '#FCFCFC' , } , ] } > < ActivityIndicator color = { theme ?. colors ?. black || colorScheme === 'dark' ? '#FFFFFF' : '#000000' } size = 'small' / > < /View>); } ;