Giter Site home page Giter Site logo

React Native UI-Kitten Overflow Menu inside Top Navigation renders on left first before rendering to Right. about react-native-ui-kitten HOT 8 OPEN

lavanyadavis avatar lavanyadavis commented on June 1, 2024 2
React Native UI-Kitten Overflow Menu inside Top Navigation renders on left first before rendering to Right.

from react-native-ui-kitten.

Comments (8)

acoulon99 avatar acoulon99 commented on June 1, 2024 2

I'm also running into the same issue. 🤔

from react-native-ui-kitten.

acoulon99 avatar acoulon99 commented on June 1, 2024 2

I think I was able to workaround the issue. I noticed that the contentPosition within the popover's initial state was set to Point.zero() which corresponds to the top left corner of the screen where the render flicker occurs. After setting the contentPosition's initial state to Point.outscreen(), the render flicker was resolved.

I wonder if contentPosition was initialized incorrectly within this commit since previously it was set to Point.outscreen()

from react-native-ui-kitten.

KasemOmary avatar KasemOmary commented on June 1, 2024 1

Same issue for me too.

I think I was able to workaround the issue. I noticed that the contentPosition within the popover's initial state was set to Point.zero() which corresponds to the top left corner of the screen where the render flicker occurs. After setting the contentPosition's initial state to Point.outscreen(), the render flicker was resolved.

On checking this out myself, the Point.outscreen() cleans the rendering up a ton for me as well. I have a fork set up where I've tried this out on my own WIP. The fork https://github.com/KasemOmary/react-native-ui-kitten/blob/419898b3130a18570acebd195f920ae4d2d834a4/src/components/ui/popover/popover.component.tsx#L118 - is strongly preferred.

from react-native-ui-kitten.

sergeushenecz avatar sergeushenecz commented on June 1, 2024

I have another an issue. If on mobile changed orientation to landscape mode, then all select, overflow menu broken. When I click open select my phone changed orientation to portrait

from react-native-ui-kitten.

Hannes-Endare avatar Hannes-Endare commented on June 1, 2024

I'm also experiencing the same behaviour.

from react-native-ui-kitten.

sergeushenecz avatar sergeushenecz commented on June 1, 2024

I created the issue long time ago but didn't answer me

from react-native-ui-kitten.

macdonaldr93 avatar macdonaldr93 commented on June 1, 2024

Same issue for me

from react-native-ui-kitten.

tohsaka888 avatar tohsaka888 commented on June 1, 2024

Same issue for me

from react-native-ui-kitten.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.