leonm/musicland
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: keyboard avoiding view

Browse Source
This commit is contained in:
leon-morival
2025-12-08 15:39:53 +01:00
parent c68dcef76d
commit 23eded7513
1 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/Writing/CreateLyricsWithAi.js
+6 -12
View File
@@ -1,12 +1,10 @@
import React, { useMemo, useRef, useState } from "react"; import React, { useMemo, useRef, useState } from "react";
import { Dimensions, Platform, View } from "react-native"; import { Dimensions, KeyboardAvoidingView, Platform, View } from "react-native";
import { responsiveHeight } from "react-native-responsive-dimensions"; import { responsiveHeight } from "react-native-responsive-dimensions";
import { SwiperFlatList } from "react-native-swiper-flatlist"; import { SwiperFlatList } from "react-native-swiper-flatlist";
import { background, icons } from "../../assets";
import GradientButton from "../../components/GradientButton"; import GradientButton from "../../components/GradientButton";
import MusicLandHeader from "../../components/MusicLandHeader"; import MusicLandHeader from "../../components/MusicLandHeader";
import { OTHER_OBJECTIVE_OPTION, OTHER_STYLE_OPTION } from "../../data/data"; import { OTHER_OBJECTIVE_OPTION, OTHER_STYLE_OPTION } from "../../data/data";
import useLayoutType from "../../hooks/useLayoutType";
import Page from "../../layouts/Page"; import Page from "../../layouts/Page";
import { goBack } from "../../navigation/NavigationService"; import { goBack } from "../../navigation/NavigationService";
import { useUser } from "../../providers/UserDataProvider"; import { useUser } from "../../providers/UserDataProvider";
@@ -26,7 +24,6 @@ const MAX_STEP_INDEX = 8;
const CUSTOM_SANITIZE_OPTIONS = { autoInjectPreChorus: false }; const CUSTOM_SANITIZE_OPTIONS = { autoInjectPreChorus: false };
const CreateLyricsWithAi = () => { const CreateLyricsWithAi = () => {
const { isWeb } = useLayoutType();
const { selectedProject } = useUser(); const { selectedProject } = useUser();
const scrollRef = useRef(null); const scrollRef = useRef(null);
const [selectedIndex, setSelectedIndex] = useState(0); const [selectedIndex, setSelectedIndex] = useState(0);
@@ -363,19 +360,16 @@ const CreateLyricsWithAi = () => {
}, [selectedIndex, parentLayout?.height]); }, [selectedIndex, parentLayout?.height]);
return ( return (
<Page <Page>
headerType="NONE"
behavior={Platform.OS === "ios" ? "padding" : "height"}
keyboardVerticalOffset={Platform.OS === "ios" ? 64 : 100}
backgroundImg={background.writingBG}
>
<MusicLandHeader onPressBack={onPressBack} progress={progress} /> <MusicLandHeader onPressBack={onPressBack} progress={progress} />
<View <KeyboardAvoidingView
behavior={Platform.OS === "ios" ? "padding" : "height"}
style={{ style={{
flex: 1, flex: 1,
paddingBottom: gutters, paddingBottom: gutters,
gap: responsiveHeight(5), gap: responsiveHeight(5),
}} }}
keyboardVerticalOffset={Platform.OS === "ios" ? 64 : 100}
> >
<View <View
style={{ flex: 1 }} style={{ flex: 1 }}
@@ -513,7 +507,7 @@ const CreateLyricsWithAi = () => {
containerStyle={{ alignSelf: "center", width: "100%" }} containerStyle={{ alignSelf: "center", width: "100%" }}
/> />
)} )}
</View> </KeyboardAvoidingView>
</Page> </Page>
); );
}; };