bottom-sheet 相关问题

材料设计理念 - 底部工作表从屏幕底部向上滑动以显示更多内容。

在 Jetpack Compose 中，我有一个包含一些内容的 BottomSheetScaffold。该内容是从 ViewModel 中观察到的，如下所示： BottomSheet脚手架( sheetContent = { SheetContent(sheetData = viewMo...

android-jetpack-compose material-components-android bottom-sheet

回答 5 投票 0

位于 BottomsheetFragment 内的 Fragment 内的 Recyclerview 不滚动？

我有一个 BottomsheetDialogFragment，它有一个普通的 Fragment，其中有一个 recyclerview。问题是我无法滚动回收器视图。我想过使用 NestedScrollView 但我有一个

android android-fragments scroll bottom-sheet android-nestedscrollview

回答 4 投票 0

Android BottomSheetDialogFragment 未完全展开

我有以下测试底表实现。当我将 peekHeight 设置为小于 500 的值时，它可以工作。在达到某个值后，窥视高度的任何增加都不会改变底部的形状...

java android android-support-library android-support-design bottom-sheet

回答 11 投票 0

React Native - 底部工作表始终显示在安装座上

我正在将 React Native 与 Expo 结合使用，并尝试使用 Gorhom 的 Bottom Sheet 组件在用户单击按钮时显示底部表单。除了底板外，一切正常

reactjs react-native expo bottom-sheet

回答 2 投票 0

REACT - 状态更改时本机 BottomSheetFlatList 更新数据错误

这是我的代码。当我点击左侧的时间图标时，它并没有删除我想要的数据。我用的是底层，请帮帮我，谢谢无需点击当点击时成分这是我的代码。当我点击左侧的时间图标时，它并没有删除我想要的数据。我用的是Bottom Sheet，请帮帮我，谢谢组件 <BottomSelectedRecipient onSelect={handleSelectRecipientBottom} data={recipientSelected} innerRef={bottomSelectedRecipientRef} /> const { t } = useTranslation(); const colorSchema = useColorScheme(); const handlePressClose = (id: string) => { onSelect?.(id); }; return ( <AppBottomSheet innerRef={innerRef} snapPoints={['80%']}> <View style={tw`flex-1`}> <AppTypography bold textMd style={tw`mx-24 dark:text-neutral-0 mt-24 mb-12`}> Recipients selected </AppTypography> <BottomSheetFlatList extraData={data} data={data} renderItem={({ item }) => { return ( <View style={tw`flex-row items-center gap-12 mx-24 py-12 flex-1`}> <Avatar size={40} source={ item.profileImage ? { uri: process.env.EXPO_PUBLIC_S3_SERVER + item.profileImage, } : undefined } title={generateInitials( !item.firstName || !item.lastName ? 'MC' : `${item.firstName || ''} ${item.lastName || ''}`.trim(), )} /> <View style={tw`flex-1`}> <AppTypography bold textMd style={tw`dark:text-neutral-0`} numberOfLines={1}> {`${item.firstName || ''} ${item.lastName || ''}`.trim()} </AppTypography> <AppTypography medium textSm style={tw`dark:text-neutral-400`}> {item.contact?.phoneNumber} </AppTypography> </View> <TouchableOpacity style={tw`w-32 h-32 items-center justify-center`} onPress={() => handlePressClose(item.customerId)}> <CloseIcon size={20} color={ colorSchema === 'dark' ? tw.color('neutral-0') : undefined } /> </TouchableOpacity> </View> ); }} ListEmptyComponent={ <View style={tw`my-24`}> <AppTypography medium textMd align={'center'}>{t`no_customer`}</AppTypography> </View> } /> </View> </AppBottomSheet> ); }; 我尝试这个功能来清除数据 const handleSelectRecipientBottom = useCallback( (id: string) => { // setFieldValue( // 'recipientsList', // values.recipientsList.filter(item => item !== id), // ); const filter = recipientSelected.filter(cus => cus.customerId !== id); console.log('recipientsList>>', filter); setRecipientSelected(filter); }, [setFieldValue, values.recipientsList], ); 洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆洛雷姆我看到这个函数handleSelectRecipientBottom不监听recipientSelected值，所以它会接受initiateValue，请将recipientSelected添加到dependencyArray然后看看区别

reactjs react-native bottom-sheet

回答 1 投票 0

BottomSheetDialog 禁用拖动

我有 Bottomsheetdialog，其中自定义视图具有 EditText，并且在 EditText 上滚动底部工作表向下，如何禁用 BottomSheetDialog 拖动。感谢任何帮助。

android android-studio dialog android-alertdialog bottom-sheet

回答 2 投票 0

BottomSheet - 如何使其完全透明 - Compose

如何使 BottomSheetScaffold 完全透明？即使我设置了sheetBackgroundColor = Color.Transparent，我也会出现随机的白色背景。这是我的 BottomSheetScaffold

android-jetpack-compose bottom-sheet

回答 1 投票 0

创建透明叠加层作为底部工作表的背景

我使用这个[插件][1]创建了底部工作表下面是代码 [1]：https://github.com/gorhom/react-native-bottom-sheet 问题是透明覆盖也会为底页创建不透明度。难道是……

javascript react-native overlay bottom-sheet

回答 1 投票 0

Gorhom/Bottom-Sheet：在 React Native 中将浮动组件放置在 Bottom Sheet 的顶部

我需要一些帮助。我想制作一个像浮动组件一样的组件，始终放置在 BottomSheet 的顶部（当 BottomSheet 移动时，它也会移动）。我已经尝试过 BackDrop、Handler 但...

react-native bottom-sheet

回答 1 投票 0

ScreenUtilInit 和bottomsheet - 键盘隐藏bottomSheet 文本字段

我曾经使用 isScrollControlled: true 以及 padding: EdgeInsets.only(bottom: MediaQuery.of(context).viewInsets.bottom) 来修复隐藏的 Bottomsheet，以解决此问题，但最近我开始

flutter dart keyboard responsive bottom-sheet

回答 1 投票 0

Flutter：类似于 BottomModalSheet 的小部件，但用户可以与应用程序的其余部分进行交互

我正在 flutter 中寻找一个看起来像底部模态表的小部件，但可以让用户与应用程序的其余部分进行交互。例如，在 Google 地图应用程序中，您可以在底部触摸地图

flutter widget bottom-sheet

回答 2 投票 0

@gorhom/bottom-sheet 不按键盘

这是我的代码 const snapPoints = useMemo(() => ['25%', '25%', '60%'], []); const {animatedHandleHeight，animatedContentHeight} = useBottomSheetDynamicSnapPoints(snapPoints); <

react-native bottom-sheet

回答 2 投票 0

Navigator 将 BottomSheet 扩展到全屏

我在 BottomSheet 中使用 Navigator 时遇到问题。使用 Navigator 将 BottomSheet 展开至全屏，而删除它则根据内容调整其高度。就我而言，...

flutter dart bottom-sheet flutter-showmodalbottomsheet

回答 1 投票 0

WebView 嵌套滚动在 Android Jetpack Compose 中不起作用

WebView 未在 Compose 内滚动。我需要使用 Compose 将 WebView 放入 BottomSheet 中。即使我们使用例如 WebView 也不会滚动的问题嵌套WebView，或

android webview android-jetpack-compose bottom-sheet

回答 5 投票 0

如何在 Flutter 中将 Bottom Sheet 的最大高度设置为屏幕高度的 2/3

我目前正在尝试制作如下底页：容器（孩子：文本按钮（按下时：() { 显示ModalBottomSheet( 上下文：上下文，构建器：（上下文）{