microsoft / microsoft/react-native-windows
Use Fluent Lottie Animation for Fabric ActivityIndicator
Open
Nobody has claimed this yet.
Area: ActivityIndicator
Area: Fabric
enhancement
New Architecture
Workstream: Component Parity
- Dominant language
- C++
- Stars
- 17.3k
- Forks
- 1.2k
- Avg merge
- 1d 13h
- Merged PRs (30d)
- 33
Description
Summary
Fabric ActivityIndicator is currently a simple comp animation but we should use the more modern Lottie animation in the future. This is dependent on SVG and adopting FURN control but we can track the progress here.
Motivation
To make fabric RNW more modern
Basic Example
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 by locating the Fabric ActivityIndicator entry point in react-native-windows and review how its current composition animation is implemented. Check the stated SVG and FURN control dependencies before planning the Fluent Lottie replacement. Done means the Fabric ActivityIndicator uses the modern Lottie animation described by the WinUI ProgressRing example.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- cpp, react-native
- Domain
- desktop, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100