unoplatform/uno

[Sample] Acrylic navigation bar

Open

#5,250 opened on Feb 15, 2021

View on GitHub
 (4 comments) (0 reactions) (0 assignees)C# (837 forks)batch import
difficulty/medium 🤔good first issueno-reproproject/documentation 📖

Repository metrics

Stars
 (9,789 stars)
PR merge metrics
 (Avg merge 14d 8h) (130 merged PRs in 30d)

Description

What would you like to be added:

Sample with acrylic CommandBar which allows scrolling ListView content under the CommandBar and under the notch with acrylic blur.

1_F7oeZvKQi4OwkkflBCyJIA 1

Why is this needed:

It is a common effect that adds beauty to the app.

For which Platform:

  • iOS
  • Android
  • WebAssembly
  • WebAssembly renderers for Xamarin.Forms
  • macOS
  • Skia
    • WPF
    • GTK (Linux)
    • Tizen
  • Windows

Contributor guide

Research direction
Look for existing samples in the repository that implement acrylic effects, such as the CommandBar sample. Examine how the acrylic brush is applied and ensure the ListView content is properly layered behind the CommandBar.
Tech stack
csharp
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
GitC#Uno Platform basics
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80