Percentage does not work with FlatList or ScrollView render item when horizontal is true

[KakarN]

Is this a bug report?

Yes

I would like to use the screen's width on the render item of the horizontal FlatList. However, it does not work as expected. When the horizontal is false, the percentage value works. But when the horizontal is true, the percentage value does not work.

Environment

Environment:
OS: macOS Sierra 10.12.6
Node: v7.7.3
Yarn: 1.0.1
npm: 4.1.2

Packages: (wanted => installed)
react-native: 0.52
react: 16.2.0

Target Platform: iOS, Android

Snack link when the FlatList is horizontal

Snack link when the FlatList is NOT horizontal

[react-native-bot]

Thanks for posting this! It looks like you may not be using the latest version of React Native, v0.53.0, released on January 2018. Can you make sure this issue can still be reproduced in the latest version?

I am going to close this, but please feel free to open a new issue if you are able to confirm that this is still a problem in v0.53.0 or newer.

_{How to Contribute • What to Expect from Maintainers}

[salmanwaheed]

This message was created automatically by mail delivery software. A message that you sent could not be delivered to one or more of its recipients. This is a temporary error. The following address(es) deferred: mkdirenv@gmail.com Domain salmanwaheed.info has exceeded the max emails per hour (152/150 (101%)) allowed. Message will be reattempted later

…

------- This is a copy of the message, including all the headers. ------ Received: from github-smtp2-ext5.iad.github.net ([192.30.252.196]:49562 helo=github-smtp2a-ext-cp1-prd.iad.github.net) by box1177.bluehost.com with esmtps (TLSv1.2:ECDHE-RSA-AES256-GCM-SHA384:256) (Exim 4.89_1) (envelope-from <noreply@github.com>) id 1epQUl-003IlP-K1 for hello@salmanwaheed.info; Fri, 23 Feb 2018 20:27:32 -0700 Date: Fri, 23 Feb 2018 19:22:11 -0800 DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed; d=github.com; s=pf2014; t=1519442839; bh=PVUnbhEIBvxg+29MaIbeCGVcbO1Srx9naegxwVVRWts=; h=From:Reply-To:To:Cc:In-Reply-To:References:Subject:List-ID: List-Archive:List-Post:List-Unsubscribe:From; b=phAHWsQJxfrsH8CPbBAwRAFGhiYeAFB8C4j8rk+uYGetCXLAZ2j8DnUw826FEa2DI NxMD4031luLD1dhAOHKWbgAD04xZ/RQWRvwOm8SvjcNtwNGRBJTT1YdC//qtdFb8J3 P3RkyUtQ95SG3OongWfZGYCLMXlL57uhnk9uLeVQ= From: React Native Bot <notifications@github.com> Reply-To: facebook/react-native <reply@reply.github.com> To: facebook/react-native <react-native@noreply.github.com> Cc: Subscribed <subscribed@noreply.github.com> Message-ID: <facebook/react-native/issue/17796/issue_event/1490267419@github.com> In-Reply-To: <facebook/react-native/issues/17796@github.com> References: <facebook/react-native/issues/17796@github.com> Subject: Re: [facebook/react-native] Percentage does not work with FlatList or ScrollView render item when horizontal is true (#17796) Mime-Version: 1.0 Content-Type: multipart/alternative; boundary="--==_mimepart_5a90da633868c_24963fc7ee03ef302808d9"; charset=UTF-8 Content-Transfer-Encoding: 7bit Precedence: list X-GitHub-Sender: react-native-bot X-GitHub-Recipient: salmanwaheed X-GitHub-Reason: subscribed List-ID: facebook/react-native <react-native.facebook.github.com> List-Archive: https://github.com/facebook/react-native List-Post: <mailto:reply@reply.github.com> List-Unsubscribe: <mailto:unsub+00ef1b3874dc679469908bd1b867a97c2ae7a642a57d291f92cf0000000116a89c6392a169ce117765d5@reply.github.com>, <https://github.com/notifications/unsubscribe/AO8bOEl9mBI7Dg0om_tajuvpHvMBYUEIks5tX4BjgaJpZM4Rzc1L> X-Auto-Response-Suppress: All X-GitHub-Recipient-Address: hello@salmanwaheed.info X-Spam-Status: No, score=0.8 X-Spam-Score: 8 X-Spam-Bar: / X-Ham-Report: Spam detection software, running on the system "box1177.bluehost.com", has NOT identified this incoming email as spam. The original message has been attached to this so you can view it or label similar future email. If you have any questions, see root\@localhost for details. Content preview: Closed #17796. -- You are receiving this because you are subscribed to this thread. Reply to this email directly or view it on GitHub: #17796 (comment) [...] Content analysis details: (0.8 points, 5.0 required) pts rule name description ---- ---------------------- -------------------------------------------------- 0.0 URIBL_BLOCKED ADMINISTRATOR NOTICE: The query to URIBL was blocked. See http://wiki.apache.org/spamassassin/DnsBlocklists#dnsbl-block for more information. [URIs: github.com] -0.5 SPF_PASS SPF: sender matches SPF record 1.3 HTML_IMAGE_ONLY_24 BODY: HTML: images with 2000-2400 bytes of words 0.0 HTML_MESSAGE BODY: HTML included in message 2.5 DCC_CHECK No description available. -0.1 DKIM_VALID_AU Message has a valid DKIM or DK signature from author's domain -0.1 DKIM_VALID Message has at least one valid DKIM or DK signature 0.1 DKIM_SIGNED Message has a DKIM or DK signature, not necessarily valid -2.3 AWL AWL: Adjusted score from AWL reputation of From: address X-Spam-Flag: NO

----==_mimepart_5a90da633868c_24963fc7ee03ef302808d9 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 7bit Closed #17796.

-- You are receiving this because you are subscribed to this thread. Reply to this email directly or view it on GitHub: #17796 (comment) ----==_mimepart_5a90da633868c_24963fc7ee03ef302808d9 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: 7bit <p>Closed <a href="#17796" class="issue-link js-issue-link" data-error-text="Failed to load issue title" data-id="293037525" data-permission-text="Issue title is private" data-url="#17796> <p style="font-size:small;-webkit-text-size-adjust:none;color:#666;">&mdash;<br />You are receiving this because you are subscribed to this thread.<br />Reply to this email directly, <a href="#17796 (comment) it on GitHub</a>, or <a href="https://github.com/notifications/unsubscribe-auth/AO8bOCnLYCGrbqLGjGAA3abdpAhqHRWGks5tX4BjgaJpZM4Rzc1L">mute the thread</a>.<img alt="" height="1" src="https://github.com/notifications/beacon/AO8bOJHIWVK9YxS0lc4qnzEZ9O65G4drks5tX4BjgaJpZM4Rzc1L.gif" width="1" /></p> <div itemscope itemtype="http://schema.org/EmailMessage"> <div itemprop="action" itemscope itemtype="http://schema.org/ViewAction"> <link itemprop="url" href="#17796 (comment)> <meta itemprop="name" content="View Issue"></meta> </div> <meta itemprop="description" content="View this Issue on GitHub"></meta> </div> <script type="application/json" data-scope="inboxmarkup">{"api_version":"1.0","publisher":{"api_key":"05dde50f1d1a384dd78767c55493e4bb","name":"GitHub"},"entity":{"external_key":"github/facebook/react-native","title":"facebook/react-native","subtitle":"GitHub repository","main_image_url":"https://cloud.githubusercontent.com/assets/143418/17495839/a5054eac-5d88-11e6-95fc-7290892c7bb5.png","avatar_image_url":"https://cloud.githubusercontent.com/assets/143418/15842166/7c72db34-2c0b-11e6-9aed-b52498112777.png","action":{"name":"Open in GitHub","url":"https://github.com/facebook/react-native"}},"updates":{"snippets":[{"icon":"DESCRIPTION","message":"Closed #17796."}],"action":{"name":"View Issue","url":"#17796 (comment)> ----==_mimepart_5a90da633868c_24963fc7ee03ef302808d9--