Question

有没有办法让一些组件内部反应原生不可滚动？我们可以看到，只要所有组件都不适合屏幕，它就会自动滚动。我们如何防止这种行为发生？在这种情况下，我们如何将这些组件用蓝色圆圈固定在它们的位置？我尝试将它们放在标题中，但它们没有显示出来。

        <Container>
        <Header>
        <Title>Form</Title>

        <Button transparent onPress={this.props.openDrawer}>
            <Icon name="ios-menu" />
        </Button>
        </Header>
        <Content>
            <List>
                <ListItem>
                <InputGroup>
                    <Icon name="ios-search-outline" size={30} />
                    <Input placeholder="What do you want to find? e.g. Restaurants" />
                </InputGroup>
                </ListItem>
                <ListItem>
                    <IconEntypo name="location-pin" size={30} />
                    <Text >Binondo, Manila</Text>
                </ListItem>
            </List>
            <XYZ_SearchList/>
        </Content>
    </Container>

Answer 1

非常容易......不确定您是使用第三方库还是自定义组件，但我认为List，Container和/或Content组件包裹ScrollView - 默认滚动。

从这些组件中提取内容，然后将内容滚动到可滚动组件中。请参阅以下代码段 - 可能需要进行一些更改

<View>
  <Header>
    <Title>Form</Title>
    <Button transparent onPress={this.props.openDrawer}>
        <Icon name="ios-menu" />
    </Button>
  </Header>

  <InputGroup>
    <Icon name="ios-search-outline" size={30} />
    <Input placeholder="What do you want to find? e.g. Restaurants" />
  </InputGroup>
  <View>
    <IconEntypo name="location-pin" size={30} />
    <Text >Binondo, Manila</Text>
  </View>

  <ScrollView>
    <XYZ_SearchList/>
  </ScrollView>
</View>

如何使一些组件不可滚动？

1 个答案: