xamarin/Xamarin.Forms

[Shell] How to use custom renderers for flyout, navigation bar, tab bar, and top tabs?

Open

#4,764 opened on Dec 17, 2018

View on GitHubContributor guide
 (8 comments) (19 reactions) (0 assignees)C# (1,926 forks)batch import
a/docsa/shell :shell:help wantedm/high impact :black_large_square:proposal-acceptedt/enhancement ➕up-for-grabs

Repository metrics

Stars
 (5,644 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Description

Please provide guidance on how to customize these Shell elements when more advanced customization is needed.

  • Flyout custom renderer
  • Navigation bar custom renderer
  • Bottom tab bar custom renderer
  • Top tabs custom renderer Parent: #2415

Contributor guide

Research direction
Explain how to implement custom renderers for Shell's flyout, navigation bar, bottom tab bar, and top tabs. Provide step by step guidance with code examples and refer to parent issue #2415 for further context.
Tech stack
csharp
Domain
mobilefrontend
Issue type
Documentation
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
1
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
Xamarin.Forms
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70