Microsoft/react-native-windows

Implement overflow property for View for fabric

Open

#13103 opened on Apr 29, 2024

View on GitHub
 (1 comment) (0 reactions) (1 assignee)C# (6,114 stars) (544 forks)batch import
API: CompletionArea: Component ViewsArea: FabricArea: Layout PropsArea: ViewNew ArchitectureParity: Fabric vs. PaperWorkstream: Component Parityenhancementgood first issue

Description

Implement the overflow property for the fabric implementation of View.

This property was available in RNW Paper via ViewViewManager,NativeUIManager.

See https://reactnative.dev/docs/layout-props#overflow for details.

Contributor guide

Tech stack
reactcpp
Domain
mobilefrontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
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.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
React Native Windows development environmentFamiliarity with fabric architectureC++ and native module knowledge
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
45
Research direction
Investigate the existing implementation of overflow in the paper (non fabric) version of ViewViewManager and NativeUIManager. Look at the current fabric implementation of View to understand how to add the overflow property. Reference the React Native layout props documentation for expected behavior.