scrollview 相关问题

在 Swift UI 或 GitHub 地址中的框区域上做手势时如何将滚动视图移动到 zstack 后面

我想让我后面的滚动视图在我通过手势离开zstack前面的正方形区域后横向移动 但我不知道该怎么做。 在此输入图像描述 如果您点击...

如何在 SwiftUI 中使 PKCanvasView 可缩放？

有一个 PKCanvasView 设置如下： 结构CanvasView { @Binding var canvasView：PKCanvasView 让 onSaved: () -> Void @State var toolPicker = PKToolPicker() } 扩展 CanvasView:

两个滚动视图，一个在另一个下面，每个都应使用一半的空间，但如果它们没有完全填充，则缩小以支持另一个

我在垂直的 LinearLayout 中有两个垂直的 ScrollView。 如果我将两者的layout_weight设置为1，它们都使用全高度的一半。 然而，如果其中之一只需要......

iOS 模拟器滚动时的惯性

我最近将笔记本电脑升级到了 Macbook M1 pro。我有一个滚动视图，当我用三个手指在我的旧 Macbook Air 上拖动时，它会惯性滚动。 现在有了M1芯片就没有内在了...

内容溢出和滚动造成圆角问题

我正在尝试创建卡片布局。这是我的样式代码，在 div 中使用。 .card-container-grid-2 { 填充：1rem； 间隙：1rem； 显示：网格； 网格模板列：重复（自动调整，minmax（cal...

UNITY 在滚动视图矩形中，单击子项时如何拖动？

考虑以下设置，我有一个使用滚动视图矩形垂直和垂直布局组的二维数组。然后与水平布局组的子项并排。 我的问题是我可以将它拖上来...

ReactNative ScrollView 不会滚动到底部

如果我尝试滚动到 ScrollView 的底部，它会弹回到默认位置，并且不会让我查看其全部内容。 我的（截断的）设置相当简单： 如果我尝试滚动到 ScrollView 的底部，它会弹回到默认位置，并且不会让我查看其全部内容。 我的（截断的）设置相当简单： <View> <View> <ABunchOfStuff /> </View> <View style={styles.sectionNode} > <ABunchOfStuff /> </View> <ScrollView> <------ My broken ScrollView :( <View> <ABunchOfStuff /> </View> </ScrollView> </View> 这是我的实际代码的简化版本。但我得出的结论是，存在某种“无限高度”，如本参考文献中。 我确实尝试确保所有事情和所有父母都有flex: 1一直到我的<View>的孩子<ScrollView>及其父母。但这似乎并没有起到作用。 知道如何调试这个吗？我知道 ReactNative 的网站推荐了这一点，并说在检查器中很容易做到（但没有关于如何做的说明）。如果我假设存在“无界高度”问题，那么如何找到这个无赖的无界节点呢？还是别的什么？ 尝试完全从 ScrollView 中取出 Flex，然后将 flex: 1 放在父级上。这对我来说很有效。 对我来说，问题是在 ScrollView 上设置 paddingVertical、paddingTop 或 paddingBottom。只是不要那样做。它会影响 ScrollView 内容的高度，而 ScrollView 不会对其进行适当调整。 父视图必须有 style={{flex: 1}} 那么滚动视图可以有 style={{flex: 1}} 🥇 有界高度意味着 ScrollView 本身必须受到限制。 如果 ScrollView 的高度无限制，它将随着您的内容拉伸并且不会滚动。 您只需将 height 添加到 ScrollView 并查看其工作原理，从那里开始您可以使用绝对高度或以将 ScrollView 高度限制为您想要的高度的方式使用 Flex。 这对我有用： <View style={{flex: 1}}> <ScrollView> <View style={{paddingTop: 16, paddingBottom: 16}}> <SearchBar /> <ItemsContainer /> </View> </ScrollView> </View> 您必须确保 ScrollView 具有固定的高度，无论是为父母设置还是为自身设置。 我使用 flex 设置其高度，而不是直接指定它，因此它适用于所有屏幕尺寸。所以对于你的代码来说像 <View style={{flex: 1}}> <View> <ABunchOfStuff /> </View> <View style={styles.sectionNode} > <ABunchOfStuff /> </View> <ScrollView style={{flex:0.8}}> <View> <ABunchOfStuff /> </View> </ScrollView> </View> 更多信息请参见 React Native docs 这对我有用 <ScrollView> <View style={{height:2000}}> </View> <ScrollView> 重要的是为 ScrollView 内的元素设置一个定义的高度 上面建议的父 Flex: 1 和子 Flex: 1 答案可以工作，但这件事导致了我的错误。 我有 <Image> with percentage height，一旦我用数字替换了百分比，问题就解决了。 <ScrollView style={{flex: 1, marginBottom: 30}} /> items </ScrollView> 对我有用的是将 ScrollView 包装在 View 中。然后给 View 一个高度并在 ScrollView 上设置 flex : 1 。 类似这样的： <View style={{ height: "60%" }}> <ScrollView style={{ flex: 1 }}> <List/> </ScrollView> </View> 我将容器设置为绝对位置，这导致了问题。 添加<Text></Text> 在滚动视图的底部。它会留出一些空间 这将解决你的问题 <ScrollView contentContainerStyle={{flexGrow:1,justifyContent:'space- between'}} > <The Other Components or Lists/> </ScrollView>

如何在 SwiftUI 中创建带有窥视视图的分页滚动视图

我有一个像这样的简单的分页滚动视图。这只是在分页水平滚动视图中用数字圈出。 结构PageView：查看{ 变量号：Int var body: 一些视图 { ZStack ...

如何在 centerContent 设置为 true 的 FlatList 中使用 pull 进行刷新（React Native）

我一直在尝试使 FlatList 与居中内容一起工作，但有一个问题。 当我将属性 centerContent （来自 ScrollView）设置为 true 时，滚动不起作用，因为内容是

点击textInput后出现键盘时无法处理UI

下面是在ios中运行的代码，当键盘出现时，UI不会受到任何干扰。但在 Android 中，我在单击 textInput 后处理键盘时遇到问题。 返回 （ 下面是在 ios 中运行的代码，当键盘出现时，UI 不会受到任何干扰。但在 Android 中，我在单击 textInput 后处理键盘时遇到问题。 return ( <View style={{ flex: 1, backgroundColor: this.state.changeThemeSwitch ? helpers.whiteColor() : helpers.blackColor(), marginBottom: 10, }}> <CustomStatusBar /> {this.renderHeader()} <View style={{ justifyContent: "flex-end", alignItems: "flex-end", flex: 1, }}> <View style={{ alignSelf: "flex-end", justifyContent: "flex-end", flexDirection: 'column', marginBottom: this.state.parentViewTopMargin, width: "100%", }}> <ScrollView ref={(ref) => this.scrollViewRef = ref} onLayout={() => { if (this.scrollViewRef) { this.scrollViewRef.scrollToEnd({ animated: false }) } }} keyboardShouldPersistTaps="handled"> {messages && messages.map((item, index) => this.renderItem(item, index))} </ScrollView> <View style={{ ...styles.inputContainer }}> <TouchableOpacity onPress={this.showKeyboard}> <FontAwesomeIcon icon={faMicrophone} size={30} style={{ color: "#3A913F", }}> </FontAwesomeIcon> </TouchableOpacity> <TextInput ref={this.inputRef} keyboardType='default' multiline style={{ flex: 1, marginLeft: 10, backgroundColor: this.state.changeThemeSwitch ? helpers.whiteColor() : helpers.blackColor(), color: this.state.changeThemeSwitch ? helpers.blackColor() : helpers.whiteColor(), borderRadius: 6, paddingHorizontal: 16, paddingVertical: 8, marginRight: 10, borderWidth: 1.5, borderColor: "#3A913F" }} placeholder="Type your query..." placeholderTextColor={this.state.changeThemeSwitch ? helpers.blackColor() : helpers.whiteColor()} value={message} onChangeText={(text) => this.setState({ message: text })} /> <TouchableOpacity onPress={this.handleSend}> <FontAwesomeIcon icon={faPaperPlaneTop} size={30} style={{ color: "#3A913F", }}> </FontAwesomeIcon> </TouchableOpacity> </View> </View> </View> </View> ); 我尝试使用 Android 的 KeyboardAvoidingView 并将行为设置为“填充”|| “高度”，但它们都不起作用。 我是否缺少渲染中 mainView 的一些样式，或者是否有其他方法可以在 android 中解决此问题？ 使用此视口元标记可以避免键盘显示期间 UI 扭曲。 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

SwiftUI：ScrollView 中的帖子分页

在我的 SwiftUI 项目中，我有一个名为 SearchViewModel 的文件，其中定义了一个名为 fetchRandomPosts() 的函数。此函数负责从 Firestore 随机检索帖子。我的

MAUI：VerticalStackLayout 和 ScrollView 内的 WebView 无法展开（iOS）

以下简化的 XAML 在 Xamarin.Forms 和 Maui 中运行良好： 以下简化的 XAML 在 Xamarin.Forms 和 Maui 中运行良好： <ScrollView HorizontalScrollBarVisibility="Never"> <StackLayout> <WebView x:Name="WebView" VerticalOptions="FillAndExpand"> <WebView.Source> <HtmlWebViewSource Html="{Binding html}"/> </WebView.Source> </WebView > </StackLayout> </ScrollView> 现在在毛伊岛，因为“FillAndExpand”和展开已过时，并且将来可能不起作用，我尝试将其设置为“Fill”，但随后 WebView 不会调整大小。 所以我尝试用 VerticalStackLayout 替换 StackLayout，但仍然不展开： <ScrollView HorizontalScrollBarVisibility="Never"> <VerticalStackLayout> <WebView x:Name="WebView" VerticalOptions="Fill"> <WebView.Source> <HtmlWebViewSource Html="{Binding html}"/> </WebView.Source> </WebView > </VerticalStackLayout> </ScrollView> 所以我的问题是 - 为什么过时的财产可以正常工作，但新的财产却不能？更重要的是，我该如何解决这个问题？ 您可以使用 Grid 代替 VerticalStackLayout，它会自动展开： <ScrollView HorizontalScrollBarVisibility="Never"> <Grid> <WebView x:Name="WebView"> <WebView.Source> <HtmlWebViewSource Html="{Binding html}"/> </WebView.Source> </WebView > </Grid> </ScrollView>

ScrollView + LazyStacks 口吃

在使用 ScrollView 和 LazyVStack/LazyHStack 时，我遇到了许多类似的问题，其中惰性堆栈的内容在 ScrollView 边缘弹跳时会出现卡顿。 首先我以为...

如何先显示平面列表最后一部分？

我开发了一个聊天应用程序。当客户选择聊天时，我必须首先向他们显示最后一条聊天消息。我这样使用scrollToEnd： this.flatListRef.current.scrollToEnd({animated:false}); ...

ScrollViewReader的scrollTo不滚动

我有一个简单的 SwiftUI 列表，当用户单击按钮时我想滚动到一行。我从 hackingwithswift 复制了这段代码。它应该起作用，但它不起作用。 结构ContentView：...

SwiftUI - ScrollViewReader 的scrollTo 不滚动

我有一个简单的 SwiftUI 列表，当用户单击按钮时我想滚动到一行。我从 hackingwithswift 复制了这段代码。它应该起作用，但它不起作用。 结构ContentView：...

为什么在 macOS 的滚动视图中并不总是按下 LazyVGrid 上的按钮

我在ScrollView（垂直和水平）中创建了一个LazyVGrid。 尽管布局按我的预期工作，但当用户与窗口交互（例如：通过更改其大小）然后有时按下按钮时......

BoxConstraints 强制无限宽度。可能的原因：_RenderListTile._layoutBox。违规约束：BoxConstraints(w=Infinity, 0.0<=h<=Infinity)

我的 Flutter 应用程序遇到错误，正在寻求帮助来解决该问题。这是错误消息： FlutterError（BoxConstraints 强制无限宽度。 这些无效的约束是赞成...

禁用内容但启用滚动

我正在尝试将修饰符附加到 ScrollView，该修饰符仍然允许滚动并禁用所有底层按钮： 结构ContentView1：视图{ var body: 一些视图 {

在 SwiftUI 水平滚动视图中单击单元格

我有一个水平滚动条，其中包含一些固定大小的内容单元格，我该如何制作它，以便滑动即可转到下一个/上一个单元格？与 Tinder 滑动类似，但全部保留在滚动视图中。我...