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.

Poistioning/Animations broken (ActivityIndicator of react-native-paper)

See original GitHub issue

Environment

  1. react-native -v: says unknown option -v?
  2. npm ls react-native-macos: react-native-macos@0.63.28
  3. node -v: v14.15.1
  4. npm -v: 6.14.8
  5. yarn --version: 1.22.10
  6. xcodebuild -version: Xcode 12.5

Issue

When adding the ActivityIndicator from react-native-paper it seems like the positioning/animation is broken.

Steps to Reproduce

This is the commit: https://github.com/nikgraf/alpine/commit/2ecaf8fc88a3191c2ace9c66b9f927f2a2b9a4f9

Expected Behavior

Should look like this:

Actual Behavior

This is how it looks like:

https://user-images.githubusercontent.com/223045/117546238-b31b7180-b029-11eb-8fc3-6d054996ec53.mov

Reproducible Demo

Here is a minimal reproducible repo: https://github.com/nikgraf/alpine/tree/animation-bug with the commit I mentioned

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:6 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
Saadnajmicommented, May 27, 2022

This was fixed

0reactions
nikgrafcommented, May 29, 2022

awesome 👍

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to build a customized React Native activity indicator
Learn how to customize cross-platform activity indicators in React Native from scratch, with third-party libraries, and inbuilt APIs!
Read more >
ReactNative ActivityIndicator not showing when animating ...
A workaround I've used is to use the showProgress variable to render a completely different view with the ActivityIndicator :
Read more >
ActivityIndicator · React Native Paper
Activity indicator is used to present progress of some activity in the app. It can be used as a drop-in for the ActivityIndicator...
Read more >
Create an Activity Indicator in react-native ... - GeeksforGeeks
In this article, we will show an Activity Indicator in react native using react-native-paper library . we will display how a text is...
Read more >
Center Activity Indicator with absolute position in React Native ...
whiteOverlay} > <ActivityIndicator size="large" color={colors.color4} /> </View > . ... React Native TouchableOpacity not working with position absolute ...
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