React Native - Text Transform issue with Android Simulator2019 Community Moderator ElectionLimit text length of EditText in AndroidCannot display HTML stringCan I build Android apps with react native?Hide keyboard in react-nativeWhat is the difference between using constructor vs getInitialState in React / React Native?React Native android build failed. SDK location not foundWhat is the difference between React Native and React?react native gif not showingI am using React-native and node js.I am not able to navigate from one screen to another after getting response from Node jsNot able to navigate to other page in react native
Brexit - No Deal Rejection
What is the significance behind "40 days" that often appears in the Bible?
Do I need to be arrogant to get ahead?
What is the relationship between relativity and the Doppler effect?
Why did it take so long to abandon sail after steamships were demonstrated?
Does .bashrc contain syntax errors?
Is it true that good novels will automatically sell themselves on Amazon (and so on) and there is no need for one to waste time promoting?
Should Stotras and Mantras be recited aloud?
How are passwords stolen from companies if they only store hashes?
Four married couples attend a party. Each person shakes hands with every other person, except their own spouse, exactly once. How many handshakes?
Instead of a Universal Basic Income program, why not implement a "Universal Basic Needs" program?
What is the meaning of まっちろけ?
The meaning of 振り in 無茶振り
Python if-else code style for reduced code for rounding floats
What exactly is this small puffer fish doing and how did it manage to accomplish such a feat?
How difficult is it to simply disable/disengage the MCAS on Boeing 737 Max 8 & 9 Aircraft?
Official degrees of earth’s rotation per day
Is Manda another name for Saturn (Shani)?
What is the adequate fee for a reveal operation?
Are ETF trackers fundamentally better than individual stocks?
Is it ever recommended to use mean/multiple imputation when using tree-based predictive models?
Why one should not leave fingerprints on bulbs and plugs?
If I can solve Sudoku, can I solve the Travelling Salesman Problem (TSP)? If so, how?
Describing a chess game in a novel
React Native - Text Transform issue with Android Simulator
2019 Community Moderator ElectionLimit text length of EditText in AndroidCannot display HTML stringCan I build Android apps with react native?Hide keyboard in react-nativeWhat is the difference between using constructor vs getInitialState in React / React Native?React Native android build failed. SDK location not foundWhat is the difference between React Native and React?react native gif not showingI am using React-native and node js.I am not able to navigate from one screen to another after getting response from Node jsNot able to navigate to other page in react native
Is there a known issue with TextTransform:'uppercase' with Android?
I'm fairly new to React native and just finished building views, all looked great in Ios but on Android - no button text displaying. After a series of trial and error I found that the issue seems to be textTransform:'uppercase', if I remove this from the stylesheet the text displays fine.
Has anyone experienced this? I cant find any information about the bug on the web.
This is my Code:
return (
<View style=AppStyles.buttonRect >
<View style=AppStyles.buttonRectWrap>
<Image style=AppStyles.buttonRectIcon source=this.props.buttonIcon />
<Text style=AppStyles.btnText>this.props.buttonTxt</Text>
</View >
</View>
);
with a style of :
btnText:
color:'#fff',
marginRight:14,
marginLeft:10,
fontSize:20,
alignSelf: 'center',
marginTop:-3,
textTransform:'uppercase',
,
which results in -
If I remove the transform line:
I've tried with several simulators and get the same error.
android reactjs react-native asked Mar 7 at 15:25
DancerDancer
7,12632109179
add a comment |
Is there a known issue with TextTransform:'uppercase' with Android?
I'm fairly new to React native and just finished building views, all looked great in Ios but on Android - no button text displaying. After a series of trial and error I found that the issue seems to be textTransform:'uppercase', if I remove this from the stylesheet the text displays fine.
Has anyone experienced this? I cant find any information about the bug on the web.
This is my Code:
return (
<View style=AppStyles.buttonRect >
<View style=AppStyles.buttonRectWrap>
<Image style=AppStyles.buttonRectIcon source=this.props.buttonIcon />
<Text style=AppStyles.btnText>this.props.buttonTxt</Text>
</View >
</View>
);
with a style of :
btnText:
color:'#fff',
marginRight:14,
marginLeft:10,
fontSize:20,
alignSelf: 'center',
marginTop:-3,
textTransform:'uppercase',
,
which results in -
If I remove the transform line:
I've tried with several simulators and get the same error.
android reactjs react-native asked Mar 7 at 15:25
DancerDancer
7,12632109179
1
It looks like this is a known bug: github.com/facebook/react-native/issues/21966
– Chris Stillwell
Mar 7 at 15:37
that explains it - if you want to add as answer i;'ll give you a tick @ChrisStillwell . cheers
– Dancer
Mar 7 at 15:43
add a comment |
Is there a known issue with TextTransform:'uppercase' with Android?
I'm fairly new to React native and just finished building views, all looked great in Ios but on Android - no button text displaying. After a series of trial and error I found that the issue seems to be textTransform:'uppercase', if I remove this from the stylesheet the text displays fine.
Has anyone experienced this? I cant find any information about the bug on the web.
This is my Code:
return (
<View style=AppStyles.buttonRect >
<View style=AppStyles.buttonRectWrap>
<Image style=AppStyles.buttonRectIcon source=this.props.buttonIcon />
<Text style=AppStyles.btnText>this.props.buttonTxt</Text>
</View >
</View>
);
with a style of :
btnText:
color:'#fff',
marginRight:14,
marginLeft:10,
fontSize:20,
alignSelf: 'center',
marginTop:-3,
textTransform:'uppercase',
,
which results in -
If I remove the transform line:
I've tried with several simulators and get the same error.
android reactjs react-native asked Mar 7 at 15:25
DancerDancer
7,12632109179
Is there a known issue with TextTransform:'uppercase' with Android?
I'm fairly new to React native and just finished building views, all looked great in Ios but on Android - no button text displaying. After a series of trial and error I found that the issue seems to be textTransform:'uppercase', if I remove this from the stylesheet the text displays fine.
Has anyone experienced this? I cant find any information about the bug on the web.
This is my Code:
return (
<View style=AppStyles.buttonRect >
<View style=AppStyles.buttonRectWrap>
<Image style=AppStyles.buttonRectIcon source=this.props.buttonIcon />
<Text style=AppStyles.btnText>this.props.buttonTxt</Text>
</View >
</View>
);
with a style of :
btnText:
color:'#fff',
marginRight:14,
marginLeft:10,
fontSize:20,
alignSelf: 'center',
marginTop:-3,
textTransform:'uppercase',
,
which results in -
If I remove the transform line:
I've tried with several simulators and get the same error.
android reactjs react-native android reactjs react-native asked Mar 7 at 15:25
DancerDancer
7,12632109179
asked Mar 7 at 15:25
DancerDancer
7,12632109179
asked Mar 7 at 15:25
DancerDancer
7,12632109179
asked Mar 7 at 15:25
DancerDancer
7,12632109179
asked Mar 7 at 15:25
DancerDancer
7,12632109179
7,12632109179
1
It looks like this is a known bug: github.com/facebook/react-native/issues/21966
– Chris Stillwell
Mar 7 at 15:37
that explains it - if you want to add as answer i;'ll give you a tick @ChrisStillwell . cheers
– Dancer
Mar 7 at 15:43
add a comment |
1
It looks like this is a known bug: github.com/facebook/react-native/issues/21966
– Chris Stillwell
Mar 7 at 15:37
that explains it - if you want to add as answer i;'ll give you a tick @ChrisStillwell . cheers
– Dancer
Mar 7 at 15:43
1
1
It looks like this is a known bug: github.com/facebook/react-native/issues/21966
– Chris Stillwell
Mar 7 at 15:37
It looks like this is a known bug: github.com/facebook/react-native/issues/21966
– Chris Stillwell
Mar 7 at 15:37
that explains it - if you want to add as answer i;'ll give you a tick @ChrisStillwell . cheers
– Dancer
Mar 7 at 15:43
that explains it - if you want to add as answer i;'ll give you a tick @ChrisStillwell . cheers
– Dancer
Mar 7 at 15:43
add a comment |
2 Answers
2
active
oldest
votes
This is currently a bug with React Native. A fix appears to be in 0.59.0 release, since the 0.59.0 release candidates don't contain the bug. Source: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 15:48
Chris StillwellChris Stillwell
6,47774556
add a comment |
There is a known issue. Basically using textTransform breaks text styling for android. Even textTransform: none will break your styling. Issue link: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 21:52
NunchucksNunchucks
472411
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55047316%2freact-native-text-transform-issue-with-android-simulator%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
This is currently a bug with React Native. A fix appears to be in 0.59.0 release, since the 0.59.0 release candidates don't contain the bug. Source: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 15:48
Chris StillwellChris Stillwell
6,47774556
add a comment |
This is currently a bug with React Native. A fix appears to be in 0.59.0 release, since the 0.59.0 release candidates don't contain the bug. Source: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 15:48
Chris StillwellChris Stillwell
6,47774556
add a comment |
This is currently a bug with React Native. A fix appears to be in 0.59.0 release, since the 0.59.0 release candidates don't contain the bug. Source: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 15:48
Chris StillwellChris Stillwell
6,47774556
This is currently a bug with React Native. A fix appears to be in 0.59.0 release, since the 0.59.0 release candidates don't contain the bug. Source: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 15:48
Chris StillwellChris Stillwell
6,47774556
answered Mar 7 at 15:48
Chris StillwellChris Stillwell
6,47774556
answered Mar 7 at 15:48
Chris StillwellChris Stillwell
6,47774556
answered Mar 7 at 15:48
Chris StillwellChris Stillwell
6,47774556
6,47774556
add a comment |
add a comment |
There is a known issue. Basically using textTransform breaks text styling for android. Even textTransform: none will break your styling. Issue link: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 21:52
NunchucksNunchucks
472411
add a comment |
There is a known issue. Basically using textTransform breaks text styling for android. Even textTransform: none will break your styling. Issue link: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 21:52
NunchucksNunchucks
472411
add a comment |
There is a known issue. Basically using textTransform breaks text styling for android. Even textTransform: none will break your styling. Issue link: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 21:52
NunchucksNunchucks
472411
There is a known issue. Basically using textTransform breaks text styling for android. Even textTransform: none will break your styling. Issue link: https://github.com/facebook/react-native/issues/21966
answered Mar 7 at 21:52
NunchucksNunchucks
472411
edited Mar 7 at 22:01
answered Mar 7 at 21:52
NunchucksNunchucks
472411
answered Mar 7 at 21:52
NunchucksNunchucks
472411
answered Mar 7 at 21:52
NunchucksNunchucks
472411
472411
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55047316%2freact-native-text-transform-issue-with-android-simulator%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
It looks like this is a known bug: github.com/facebook/react-native/issues/21966
– Chris Stillwell
Mar 7 at 15:37
that explains it - if you want to add as answer i;'ll give you a tick @ChrisStillwell . cheers
– Dancer
Mar 7 at 15:43