Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(native-stack, v6): incorrect text truncation in header title #12135

Draft
wants to merge 6 commits into
base: 6.x
Choose a base branch
from

Conversation

kkafar
Copy link
Contributor

@kkafar kkafar commented Sep 5, 2024

Wip WIP

@kkafar kkafar changed the base branch from main to 6.x September 5, 2024 12:32
Copy link

netlify bot commented Sep 5, 2024

Deploy Preview for react-navigation-example ready!

Name Link
🔨 Latest commit 38de2de
🔍 Latest deploy log https://app.netlify.com/sites/react-navigation-example/deploys/66d9a4d838a9460008012053
😎 Deploy Preview https://deploy-preview-12135--react-navigation-example.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

Hey @autofix-ci[bot]! Thanks for opening your first pull request in this repo. If you haven't already, make sure to read our contribution guidelines.

@kkafar kkafar force-pushed the @kkafar/shopify-not-truncated-title-with-headerright-custom-shadownodes-2-navigation-changes-v6 branch from 1804791 to 98dcf3b Compare September 12, 2024 13:35
kkafar added a commit to software-mansion/react-native-screens that referenced this pull request Sep 13, 2024
in this commit react-navigation is on v6 branch.
You need to change it back to v7 and apply changes to the v7 branch.
This is the reference PR to v6:

react-navigation/react-navigation#12135
satya164 pushed a commit that referenced this pull request Oct 7, 2024
…id (#12125)

**Motivation**

Together with corresponding PR in `react-native-screens`:

* software-mansion/react-native-screens#2325

this PR fixes
software-mansion/react-native-screens#1946

tldr: text truncation in header title should work properly from now on. 

This PR changes the layout model of the native-header. Previously Yoga
has been informed that the children are positioned absolutely and its
only responsibility was to determine the view sizes. Right now, on Yoga
layer (but not in native layer) the header is laid out with flexbox
model.

**Test plan**

I've conducted the tests manually on `TestHeaderTitle` test screen in
`FabricExample` application in `react-native-screens` repository.

Below is the spreadsheet from these tests.



![image](https://github.com/user-attachments/assets/4ca595b9-4e17-4126-91e8-39007a3fa20a)


Corresponding v6 PR:

* #12135

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant