question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Strange behaviour of appbar back button on web

See original GitHub issue

Current behaviour

The back button rotates on every re-render

Expected behaviour

Not rotating on every re-render

Code sample

import { Appbar } from 'react-native-paper'
 <Appbar.BackAction onPress={this._back} />

Screenshots (if applicable)

ezgif-2-4afde5769d72

What have you tried

Looking in source code and I don’t know why we are transforming things on default maybe remove this? https://github.com/callstack/react-native-paper/blob/master/src/components/MaterialCommunityIcon.tsx#L94

Update with removing transform nothing changed still the same bug

Your Environment

software version
ios/android/web web
react-native 0.62.2
react-native-paper master
react-native-vector-icons master
node v14.3.0
yarn 1.22.4
expo sdk ejected from expo
react-native-web 0.13.1 (issue also on 0.11)

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:10 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
SleeplessBytecommented, Jul 16, 2020

(FWIW, this animation is still great for changing a regular Appbar action on the right side)

2reactions
satya164commented, Jul 7, 2020

I think we just need to use React.useMemo there to ensure that it doesn’t animate if it didn’t change

Read more comments on GitHub >

github_iconTop Results From Across the Web

NavigationBar back button strange behavior and not working
I have encountered a strange behavior on the back button of a navigation bar. I will try my best to describe with with...
Read more >
Please Respect The "Back" Button : r/programming - Reddit
The Back button used to be very predictable; it would always pop the stack to the last Activity you were viewing. This worked...
Read more >
Overriding Back Button in Xamarin.Forms Shell…
I've been working on trying to override the back button behavior on Xamairn.Forms Shell recently, both with Navigation bar button and ...
Read more >
ion-back-button: Custom Menu Icon for Applications
The ion-back-button is a custom menu icon for Android, iOS, and Progressive Web Apps. Use Ionic Framework components to easily build applications.
Read more >
Common Flutter errors
The error is often caused when a ListView (or other kinds of scrollable widgets such as GridView ) is placed inside a Column...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found