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

[Android] Different shadow length in landscape and portrait view (elevation) #18545

Closed
scriptum opened this issue Mar 24, 2018 · 10 comments
Closed
Labels
Bug Platform: Android Android applications. Platform: Linux Building on Linux. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@scriptum
Copy link

scriptum commented Mar 24, 2018

Environment

$ react-native info

  React Native Environment Info:
    System:
      OS: Linux 4.14 Mageia 6
      CPU: x64 AMD Ryzen 7 2700X Eight-Core Processor
      Memory: 533.61 MB / 15.66 GB
      Shell: 4.3.48 - /bin/bash
    Binaries:
      Node: 8.12.0 - ~/.npm-global/bin/node
      Yarn: 1.10.1 - ~/.npm-global/bin/yarn
      npm: 6.0.1 - ~/.npm-global/bin/npm
    SDKs:
      Android SDK:
        Build Tools: 27.0.3, 28.0.2, 28.0.3
        API Levels: 23, 24, 27, 28
    npmPackages:
      react: 16.6.0-alpha.8af6728 => 16.6.0-alpha.8af6728 
      react-native: 0.57.3 => 0.57.3 
    npmGlobalPackages:
      react-native-cli: 2.0.1

Steps to Reproduce

  1. Start new application
  2. Add bottom bar with elevation
  3. Run on Android (5+)
  4. Rotate phone
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default class App extends React.Component {
  render() {
    return (
      <View style={styles.container}>
        <Text>Open up App.js to start working on your app!</Text>
        <Text>Changes you make will automatically reload.</Text>
        <Text>Shake your phone to open the developer menu.</Text>
        <View style={styles.tabBar}>
          <Text>Test</Text>
        </View>
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
  tabBar: {
    flex: 1,
    backgroundColor: '#fff',
    position: "absolute",
    bottom: 0,
    height: 56,
    elevation: 8,
    width: "100%",
    alignItems: 'center',
    justifyContent: 'center',
    opacity: 1
  },
});

Expected Behavior

Pretty shadows

Actual Behavior

Different shadows

photo_2018-03-24_22-33-32
photo_2018-03-24_22-33-36

@react-native-bot
Copy link
Collaborator

Thanks for posting this! It looks like your issue may refer to an older version of React Native. Can you reproduce the issue on the latest release, v0.54?

Thank you for your contributions.

@scriptum
Copy link
Author

Can you reproduce the issue on the latest release, v0.54?

When Expo updates to 0.54 🤔

@scriptum scriptum changed the title Different shadow length in landscape and portrait view [Android] Different shadow length in landscape and portrait view (elevation) Mar 25, 2018
@react-native-bot react-native-bot added the Platform: Android Android applications. label Mar 25, 2018
@scriptum
Copy link
Author

0.54 same issue

@stale
Copy link

stale bot commented Jul 9, 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 Jul 9, 2018
@scriptum
Copy link
Author

0.55.4 still reproducible
https://snack.expo.io/SJywnG67m

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

stale bot commented Oct 16, 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 Oct 16, 2018
@scriptum
Copy link
Author

0.57.3 still reproducible

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

stale bot commented Jan 20, 2019

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 Jan 20, 2019
@stale stale bot removed the Stale There has been a lack of activity on this issue and it may be closed soon. label Jan 26, 2019
@hramos hramos removed the Bug Report label Feb 6, 2019
@stale
Copy link

stale bot commented Aug 2, 2019

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 a "Discussion" or add it to the "Backlog" 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 Aug 2, 2019
@stale
Copy link

stale bot commented Aug 9, 2019

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 Aug 9, 2019
@facebook facebook locked as resolved and limited conversation to collaborators Aug 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug Platform: Android Android applications. Platform: Linux Building on Linux. 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