We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
I copied the example code about BottomSheetTextInput and made a simple test. But I found out that "interactive" doesn't work on Android phones!
`import {useCallback, useMemo, useRef} from "react"; import BottomSheet, {BottomSheetTextInput} from "@gorhom/bottom-sheet"; import {StyleSheet, Text, View} from "react-native";
export const BottomSheetScreen = () => { const bottomSheetRef = useRef(null);
// variables const snapPoints = useMemo(() => ["25%", "30%"], []); // callbacks const handleSheetChanges = useCallback((index: number) => { console.log("handleSheetChanges", index); }, []); // renders return ( <View style={styles.container}> <BottomSheet ref={bottomSheetRef} index={1} snapPoints={snapPoints} keyboardBehavior="interactive" keyboardBlurBehavior="restore" onChange={handleSheetChanges}> <BottomSheetTextInput style={styles.input} /> <View style={styles.contentContainer}> <Text>Awesome 🎉</Text> </View> </BottomSheet> </View> );
};
const styles = StyleSheet.create({ container: { flex: 1, padding: 24, backgroundColor: "grey", }, contentContainer: { flex: 1, alignItems: "center", }, input: { marginTop: 8, marginBottom: 10, borderRadius: 10, fontSize: 16, lineHeight: 20, padding: 8, backgroundColor: "rgba(151, 151, 151, 0.25)", }, }); `
The text was updated successfully, but these errors were encountered:
same issue
Sorry, something went wrong.
This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.
This issue was closed because it has been stalled for 5 days with no activity.
same issue in the Samsung A14
No branches or pull requests
Bug
I copied the example code about BottomSheetTextInput and made a simple test. But I found out that "interactive" doesn't work on Android phones!
Environment info
Steps To Reproduce
9721390687de0d03919022226f5f4eec.mp4
Describe what you expected to happen:
Reproducible sample code
`import {useCallback, useMemo, useRef} from "react";
import BottomSheet, {BottomSheetTextInput} from "@gorhom/bottom-sheet";
import {StyleSheet, Text, View} from "react-native";
export const BottomSheetScreen = () => {
const bottomSheetRef = useRef(null);
};
const styles = StyleSheet.create({
container: {
flex: 1,
padding: 24,
backgroundColor: "grey",
},
contentContainer: {
flex: 1,
alignItems: "center",
},
input: {
marginTop: 8,
marginBottom: 10,
borderRadius: 10,
fontSize: 16,
lineHeight: 20,
padding: 8,
backgroundColor: "rgba(151, 151, 151, 0.25)",
},
});
`
The text was updated successfully, but these errors were encountered: