mirror of
https://github.com/movie-web/native-app.git
synced 2025-09-13 14:53:24 +00:00
Improve layout, add current time and duration
This commit is contained in:
20
apps/expo/src/components/player/ControlsOverlay.tsx
Normal file
20
apps/expo/src/components/player/ControlsOverlay.tsx
Normal file
@@ -0,0 +1,20 @@
|
||||
import { View } from "react-native";
|
||||
|
||||
import type { HeaderData } from "./Header";
|
||||
import { BottomControls } from "./BottomControls";
|
||||
import { Header } from "./Header";
|
||||
import { MiddleControls } from "./MiddleControls";
|
||||
|
||||
interface ControlsOverlayProps {
|
||||
headerData: HeaderData;
|
||||
}
|
||||
|
||||
export const ControlsOverlay = ({ headerData }: ControlsOverlayProps) => {
|
||||
return (
|
||||
<View className="absolute left-0 top-0 flex h-full w-full flex-1">
|
||||
<Header data={headerData} />
|
||||
<MiddleControls />
|
||||
<BottomControls />
|
||||
</View>
|
||||
);
|
||||
};
|
Reference in New Issue
Block a user