react / react/react-strict-dom
(feature) Better style support for text on native
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 3.6k
- Forks
- 206
- PR merge metrics
- No merged PRs in 30d
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!
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.
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.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend, mobile
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100