{"action":"created","issue":{"url":"https://api.github.com/repos/wix/react-native-navigation/issues/4819","repository_url":"https://api.github.com/repos/wix/react-native-navigation","labels_url":"https://api.github.com/repos/wix/react-native-navigation/issues/4819/labels{/name}","comments_url":"https://api.github.com/repos/wix/react-native-navigation/issues/4819/comments","events_url":"https://api.github.com/repos/wix/react-native-navigation/issues/4819/events","html_url":"https://github.com/wix/react-native-navigation/issues/4819","id":417109723,"node_id":"MDU6SXNzdWU0MTcxMDk3MjM=","number":4819,"title":"RNNv2 Left button and Back button appears in larger size than the expected size in the Release build on Android","user":{"login":"mohanasundaramn","id":24430497,"node_id":"MDQ6VXNlcjI0NDMwNDk3","avatar_url":"https://avatars1.githubusercontent.com/u/24430497?v=4","gravatar_id":"","url":"https://api.github.com/users/mohanasundaramn","html_url":"https://github.com/mohanasundaramn","followers_url":"https://api.github.com/users/mohanasundaramn/followers","following_url":"https://api.github.com/users/mohanasundaramn/following{/other_user}","gists_url":"https://api.github.com/users/mohanasundaramn/gists{/gist_id}","starred_url":"https://api.github.com/users/mohanasundaramn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mohanasundaramn/subscriptions","organizations_url":"https://api.github.com/users/mohanasundaramn/orgs","repos_url":"https://api.github.com/users/mohanasundaramn/repos","events_url":"https://api.github.com/users/mohanasundaramn/events{/privacy}","received_events_url":"https://api.github.com/users/mohanasundaramn/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2019-03-05T04:20:31Z","updated_at":"2019-04-04T06:31:27Z","closed_at":null,"author_association":"NONE","body":"### Issue Description\r\nI am using custom back buttons and left buttons in my application, but the back button and left button appears in a larger size in the release build on android device.\r\n\r\n- I am using latest react-native(v0.58.5) and react-native-navigation(v2.13.0)\r\n- Also tested on RN v0.57.8 with RNN v2.7.0 and RN v0.58.5 with RNN v2.13.1 facing same issue\r\n\r\n### Steps to Reproduce / Code Snippets / Screenshots\r\n```js\r\nimport React, { PureComponent } from \"react\";\r\nimport { Text, View, ScrollView } from \"react-native\";\r\nimport Card from \"../../components/card\";\r\nimport { styles } from \"./style\";\r\nimport CardImage from \"../../components/cardImage\";\r\nimport TechnologyImg from \"../../assets/technology2.png\";\r\nimport BusinessImg from \"../../assets/business.png\";\r\nimport EntertainmentImg from \"../../assets/entertainment.png\";\r\nimport GeneralImg from \"../../assets/general.png\";\r\nimport HealthImg from \"../../assets/health.png\";\r\nimport ScienceImg from \"../../assets/science.png\";\r\nimport CheckIcon from \"../../assets/close.png\";\r\nimport SportsImg from \"../../assets/spors.png\";\r\nimport { Navigation } from \"react-native-navigation\";\r\nimport { screenID } from \"../../Navigations/constants\";\r\nimport { TopBarTitle } from \"../../utils/constants/topBarTitle\";\r\nimport { capitalize } from \"../../utils/helpers\";\r\n\r\ninterface Props {\r\n  componentId: string;\r\n}\r\n\r\nexport default class Welcome extends PureComponent<Props> {\r\n  navigateToNewsScreen = (title: string, props: string) => {\r\n    const { componentId } = this.props;\r\n    Navigation.push(componentId, {\r\n      component: {\r\n        name: screenID.NEWS_SCREEN,\r\n        passProps: {\r\n          category: props\r\n        },\r\n        options: {\r\n          topBar: {\r\n            title: {\r\n              text: title\r\n            },\r\n            background: {\r\n              color: \"red\"\r\n            },\r\n            backButton: {\r\n              icon: CheckIcon,\r\n              visible: true\r\n            },\r\n            rightButtons: [{ id: \"btn\", icon: CheckIcon }]\r\n          }\r\n        }\r\n      }\r\n    });\r\n  };\r\n\r\n  render() {\r\n    return (\r\n      <ScrollView showsVerticalScrollIndicator={false}>\r\n        <View style={styles.container}>\r\n          <Card\r\n            onPress={() =>\r\n              this.navigateToNewsScreen(\r\n                capitalize(TopBarTitle.technology),\r\n                TopBarTitle.technology\r\n              )\r\n            }\r\n            cardStyle={styles.cardStyle}\r\n          >\r\n            <CardImage source={TechnologyImg} />\r\n            <Text style={styles.textOverlay}>TECHNOLOGY</Text>\r\n          </Card>\r\n          <Card\r\n            onPress={() =>\r\n              this.navigateToNewsScreen(\r\n                capitalize(TopBarTitle.general),\r\n                TopBarTitle.general\r\n              )\r\n            }\r\n            cardStyle={styles.cardStyle}\r\n          >\r\n            <CardImage source={GeneralImg} />\r\n            <Text style={styles.textOverlay}>GENERAL</Text>\r\n          </Card>\r\n        </View>\r\n        <View style={styles.container}>\r\n          <Card\r\n            onPress={() =>\r\n              this.navigateToNewsScreen(\r\n                capitalize(TopBarTitle.entertainment),\r\n                TopBarTitle.entertainment\r\n              )\r\n            }\r\n            cardStyle={styles.cardStyle}\r\n          >\r\n            <CardImage source={EntertainmentImg} />\r\n            <Text style={styles.textOverlay}>ENTERTAINMENT</Text>\r\n          </Card>\r\n          <Card\r\n            onPress={() =>\r\n              this.navigateToNewsScreen(\r\n                capitalize(TopBarTitle.health),\r\n                TopBarTitle.health\r\n              )\r\n            }\r\n            cardStyle={styles.cardStyle}\r\n          >\r\n            <CardImage source={HealthImg} />\r\n            <Text style={styles.textOverlay}>HEALTH</Text>\r\n          </Card>\r\n        </View>\r\n        <View style={styles.container}>\r\n          <Card\r\n            onPress={() =>\r\n              this.navigateToNewsScreen(\r\n                capitalize(TopBarTitle.sports),\r\n                TopBarTitle.sports\r\n              )\r\n            }\r\n            cardStyle={styles.cardStyle}\r\n          >\r\n            <CardImage source={SportsImg} />\r\n            <Text style={styles.textOverlay}>SPORTS</Text>\r\n          </Card>\r\n          <Card\r\n            onPress={() =>\r\n              this.navigateToNewsScreen(\r\n                capitalize(TopBarTitle.business),\r\n                TopBarTitle.business\r\n              )\r\n            }\r\n            cardStyle={styles.cardStyle}\r\n          >\r\n            <CardImage source={BusinessImg} />\r\n            <Text style={styles.textOverlay}>BUSINESS</Text>\r\n          </Card>\r\n        </View>\r\n        <View style={styles.container}>\r\n          <Card\r\n            onPress={() =>\r\n              this.navigateToNewsScreen(\r\n                capitalize(TopBarTitle.science),\r\n                TopBarTitle.science\r\n              )\r\n            }\r\n            cardStyle={styles.cardStyleFull}\r\n          >\r\n            <CardImage source={ScienceImg} />\r\n            <Text style={styles.textOverlay}>SCIENCE</Text>\r\n          </Card>\r\n        </View>\r\n      </ScrollView>\r\n    );\r\n  }\r\n}\r\n\r\n```\r\n\r\npackage.json\r\n```js\r\n{\r\n  \"name\": \"TopNews\",\r\n  \"version\": \"0.0.1\",\r\n  \"private\": true,\r\n  \"scripts\": {\r\n    \"start\": \"react-native start\",\r\n    \"android\": \"cd ./android && ./gradlew app:assembleDebug && ./gradlew installDebug\",\r\n    \"test\": \"jest\",\r\n    \"tsc\": \"tsc\"\r\n  },\r\n  \"dependencies\": {\r\n    \"apollo-boost\": \"^0.1.28\",\r\n    \"graphql\": \"^14.1.1\",\r\n    \"moment\": \"^2.24.0\",\r\n    \"react\": \"16.6.3\",\r\n    \"react-apollo\": \"^2.4.1\",\r\n    \"react-native\": \"0.58.5\",\r\n    \"react-native-inappbrowser-reborn\": \"^1.3.13\",\r\n    \"react-native-shimmer\": \"^0.5.0\",\r\n    \"react-native-navigation\": \"^2.13.0\"\r\n  },\r\n  \"devDependencies\": {\r\n    \"@types/graphql\": \"^14.0.7\",\r\n    \"@types/jest\": \"^24.0.6\",\r\n    \"@types/react\": \"^16.8.4\",\r\n    \"@types/react-native\": \"^0.57.37\",\r\n    \"@types/react-test-renderer\": \"^16.8.1\",\r\n    \"babel-core\": \"7.0.0-bridge.0\",\r\n    \"babel-jest\": \"24.1.0\",\r\n    \"jest\": \"24.1.0\",\r\n    \"metro-react-native-babel-preset\": \"0.52.0\",\r\n    \"react-test-renderer\": \"16.6.3\",\r\n    \"ts-jest\": \"^24.0.0\",\r\n    \"typescript\": \"^3.3.3\"\r\n  },\r\n  \"jest\": {\r\n    \"preset\": \"react-native\",\r\n    \"transform\": {\r\n      \"^.+\\\\.tsx?$\": \"ts-jest\"\r\n    },\r\n    \"testRegex\": \"(/__tests__/.*|(\\\\.|/)(test|spec))\\\\.(jsx?|tsx?)$\",\r\n    \"moduleFileExtensions\": [\r\n      \"ts\",\r\n      \"tsx\",\r\n      \"js\",\r\n      \"jsx\",\r\n      \"json\",\r\n      \"node\"\r\n    ],\r\n    \"modulePaths\": [\r\n      \"<rootDir>\"\r\n    ]\r\n  }\r\n}\r\n\r\n```\r\nThis is the image im using for both left and right icons(Please find the attachement below its tranparent png with white cross).\r\n![close](https://user-images.githubusercontent.com/24430497/53780316-dd44e680-3f29-11e9-9b42-dbcb4d282a91.png)\r\n\r\n**Link To Sample Code**\r\n[https://github.com/mohanasundaramn/TopNews.git](url)\r\n\r\n\r\n<!-- Note: When embeding code, please format it and use syntax highlighting to improve readability -->\r\n<!-- ```js                                                         -->\r\n<!-- [ THIS CODE BLOCK WILL USE JAVASCRIPT SYNTAX HIGHLIGHTING ]   -->\r\n<!-- ```                                                           -->\r\n\r\n---\r\n### Environment\r\n* React Native Navigation version: v2.13.1\r\n* React Native version: v0.58.5\r\n* Platform(s) (iOS, Android, or both?): Android\r\n* Device info (Simulator/Device? OS version? Debug/Release?): Android device with nougat OS on a Release build\r\n"},"comment":{"url":"https://api.github.com/repos/wix/react-native-navigation/issues/comments/479768285","html_url":"https://github.com/wix/react-native-navigation/issues/4819#issuecomment-479768285","issue_url":"https://api.github.com/repos/wix/react-native-navigation/issues/4819","id":479768285,"node_id":"MDEyOklzc3VlQ29tbWVudDQ3OTc2ODI4NQ==","user":{"login":"stale[bot]","id":26384082,"node_id":"MDM6Qm90MjYzODQwODI=","avatar_url":"https://avatars3.githubusercontent.com/in/1724?v=4","gravatar_id":"","url":"https://api.github.com/users/stale%5Bbot%5D","html_url":"https://github.com/apps/stale","followers_url":"https://api.github.com/users/stale%5Bbot%5D/followers","following_url":"https://api.github.com/users/stale%5Bbot%5D/following{/other_user}","gists_url":"https://api.github.com/users/stale%5Bbot%5D/gists{/gist_id}","starred_url":"https://api.github.com/users/stale%5Bbot%5D/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stale%5Bbot%5D/subscriptions","organizations_url":"https://api.github.com/users/stale%5Bbot%5D/orgs","repos_url":"https://api.github.com/users/stale%5Bbot%5D/repos","events_url":"https://api.github.com/users/stale%5Bbot%5D/events{/privacy}","received_events_url":"https://api.github.com/users/stale%5Bbot%5D/received_events","type":"Bot","site_admin":false},"created_at":"2019-04-04T06:31:27Z","updated_at":"2019-04-04T06:31:27Z","author_association":"NONE","body":"This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. \nIf you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.\n"}}
{"actor":{"display_login":"stale"}}