Skip to content
New issue

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

marginTop=percent: FlatList does not scroll #20410

Closed
doublex opened this issue Jul 26, 2018 · 2 comments
Closed

marginTop=percent: FlatList does not scroll #20410

doublex opened this issue Jul 26, 2018 · 2 comments
Labels
Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@doublex
Copy link

doublex commented Jul 26, 2018

Environment

  React Native Environment Info:
    System:
      OS: macOS High Sierra 10.13.2
      CPU: x64 Intel(R) Core(TM) i7-2600 CPU @ 3.40GHz
      Memory: 1.55 GB / 16.00 GB
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 8.9.2 - /usr/local/bin/node
      npm: 5.8.0 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 11.2, macOS 10.13, tvOS 11.2, watchOS 4.2
      Android SDK:
        Build Tools: 23.0.1, 25.0.0, 25.0.1, 25.0.2, 25.0.3, 26.0.2, 26.0.3, 27.0.2, 27.0.3
        API Levels: 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27
    IDEs:
      Android Studio: 3.1 AI-173.4819257
      Xcode: 9.2/9C40b - /usr/bin/xcodebuild
    npmPackages:
      react: 16.4.1 => 16.4.1 
      react-native: 0.56.0 => 0.56.0 
    npmGlobalPackages:
      react-native-cli: 2.0.1

Description

List with marginTop: percent-value items has:
a) wrong height
b) does not scroll

Reproducible Demo

  render() {
    let items = [{key:'0'},{key:'1'},{key:'2'},{key:'3'},{key:'4'},{key:'5'},{key:'6'},{key:'7'},{key:'8'},{key:'9'}];
    return (
      <View style={{height:100}}>
        <FlatList data={items}
          renderItem={({item, index}) => (
            <View style={{marginTop:'1%'}}>
              <View><Text>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua.</Text></View>
            </View>
          )} />
      </View>
    );
  }
@doublex doublex changed the title marginTop: percent: FlatList does not scroll marginTop=percent: FlatList does not scroll Jul 26, 2018
@stale
Copy link

stale bot commented Dec 22, 2018

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Dec 22, 2018
@stale
Copy link

stale bot commented Dec 30, 2018

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

@stale stale bot closed this as completed Dec 30, 2018
@facebook facebook locked as resolved and limited conversation to collaborators Dec 31, 2018
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

3 participants