scrollview 相关问题

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

swift swiftui uiscrollview scrollview pencilkit

回答 2 投票 0

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

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

android android-layout scrollview android-linearlayout

回答 1 投票 0

iOS 模拟器滚动时的惯性

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

xcode scrollview ios-simulator

回答 3 投票 0

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

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

html css scrollview overflow

回答 0 投票 0

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

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

unity-game-engine scrollview

回答 1 投票 0

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>

react-native scrollview

回答 13 投票 0

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

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

swift swiftui scrollview

回答 1 投票 0

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

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

ios react-native scrollview react-native-flatlist

回答 1 投票 0

点击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">

javascript reactjs react-native scrollview

回答 1 投票 0

scrollview 相关问题

最新问题