(feature) Better style support for text on native
Nobody has claimed this yet.
Assessment
- Difficulty
- 5/5
- Estimated time
- Over a week
- Newbie friendliness
- 35/100
- Issue type
- Feature
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- javascript, react
Research direction
Start with the NativeTextComponent behavior and the span-to-Text mapping described in the issue. Check how the listed styles behave on native text and determine whether the limitation belongs in react-strict-dom or upstream. Done should be a clearly scoped fix or an agreed upstream issue with guidance for the affected styles.
Written by the indexing model from the issue text.
Description
Since <span /> maps to <Text />, it has extremely limited styling capabilities. This issue might belong in core rather than react-strict-dom, but I noticed that, among many others, these styles don't work properly on <span /> (and thus <Text />):
borderRadiuspaddingheight: 100%width: 100%flexGrowflexBasisjustifyContentalignItems
The list goes on. I wonder if this is a fundamental limitation of NativeTextComponent or if it could be fixed upstream. Given the goal to bring web → native styling, I thought it was appropriate to post here.
I'd be happy to create an umbrella issue and/or assist with PRs if there is some guidance on the best approach to take.
Thanks!
- Dominant language
- JavaScript
- Stars
- 3.6k
- Forks
- 206
- PR merge metrics
- No merged PRs in 30d
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from react/react-strict-dom
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
react/react-strict-dom#467 · 1 comment ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
react/react-strict-dom#465 · 2 comments ·
-
Difficulty 5/5 Over a week Newbie friendliness 35/100
react/react-strict-dom#520 ·
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 35/100
react/react-strict-dom#505 · 2 reactions ·
-
bug
Difficulty 3/5 1-2 days Newbie friendliness 62/100
react/react-strict-dom#491 · 4 comments ·
All issues in react/react-strict-dom
Similar issues
-
awaiting triage bug Causes friction Hop Gui P1 P2 Transforms
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 70/100
georgestephanis/p2026#40 ·
-
Enatega Customer and Rider app: Add-ons price is not visible to customer after order is placed. Open
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
Margaret-Petersen/food-delivery-app-clone-react-native#1981 ·