question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

0.59.3 Text component on Android getting other side on textAlign

See original GitHub issue

🐛 Bug Report

On Text component: on Android only, textAlign: “right” doing “left” instead of right. and “left” doing “right” instead of left. only on 0.59.3 and only on Android

To Reproduce

<Text style={{textAlign: "right"}}>{"test"}<Text>

Expected Behavior

The text will be on the right side like iOS and like android 0.59.2

Code Example

<Text style={{textAlign: "right"}}>{"test"}<Text>

Environment

React Native Environment Info: System: OS: macOS 10.14.5 CPU: (12) x64 Intel® Core™ i7-8850H CPU @ 2.60GHz Memory: 383.50 MB / 16.00 GB Shell: 5.3 - /bin/zsh Binaries: Node: 8.11.4 - ~/.nvm/versions/node/v8.11.4/bin/node Yarn: 1.13.0 - /usr/local/bin/yarn npm: 6.9.0 - ~/.nvm/versions/node/v8.11.4/bin/npm SDKs: iOS SDK: Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2 Android SDK: API Levels: 23, 25, 26, 27, 28 Build Tools: 27.0.3, 28.0.2, 28.0.3 System Images: android-24 | Google APIs Intel x86 Atom, android-25 | Google APIs Intel x86 Atom, android-27 | Intel x86 Atom_64, android-27 | Google APIs Intel x86 Atom, android-28 | Google APIs Intel x86 Atom, android-28 | Google APIs Intel x86 Atom_64, android-28 | Google Play Intel x86 Atom, android-28 | Google Play Intel x86 Atom_64 IDEs: Android Studio: 3.3 AI-182.5107.16.33.5314842 Xcode: 10.2/10E125 - /usr/bin/xcodebuild npmPackages: react: ^16.8.6 => 16.8.6 react-native: 0.59.3 => 0.59.3 npmGlobalPackages: react-native-create-library: 3.1.2 react-native-git-upgrade: 0.2.7

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:13
  • Comments:28 (9 by maintainers)

github_iconTop GitHub Comments

7reactions
cpojercommented, Apr 24, 2019

Sorry it took so long to revert this. We had a long holiday where I’m based in London so I didn’t get a chance to look into this yet. The revert is landing now.

This should have not made it into the stable branch and we’ll improve our release process so this won’t happen again.

6reactions
dulmandakhcommented, Apr 3, 2019

Thank you for reproducible demo, I can confirm the issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

textAlign working differently after upgrade to RN 0.59.3
So now how can I ensure text alignment to the right ? Update: it looks like a bug introduced with RN 0.59.3. I...
Read more >
TextAlign - Android Developers
Part · Status. ... TextAlign controls how text aligns in the space it appears. ... values(). Return a list containing all possible values...
Read more >
Centered, Justified, Right Aligned Text Style Example
We use the CSS text-align property to align content inside a block-level element. Examples of block-level elements are paragraphs ( <p>.
Read more >
CSS Utilities: Classes for Text/Element Alignment or Modification
Ionic CSS utility classes can be used on any element for text modification/alignment, element placement, or to adjust padding and margin.
Read more >
React Native Textalign:'Justify' Not Working In Rtl - ADocLib
The title and body will stack on top of each other on account of the literal newlines: import React { Component } from...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found