Implement outline properties on view

[acoates-ms]

Description

Implement outlineOffset, outlineColor outlineStyle and outlineWidth.

Type of Change

• New feature (non-breaking change which adds functionality)

Microsoft Reviewers: Open in CodeFlow

[github-actions]

Performance Test Results

Branch: viewoutline
Commit: efcaf861
Time: 2026-04-29T23:08:26.057Z
Tests: 161/161 passed

✅ Passed

161 scenario(s) across 28 suite(s) — no regressions

SectionList

Scenario	Mean	Median	StdDev	Renders	vs Baseline
SectionList mount	4.10ms	4.00ms	±0.32ms	1	-20.0%
SectionList unmount	0.20ms	0.00ms	±0.42ms	0	+0.0%
SectionList rerender	10.90ms	10.50ms	±1.91ms	2	+0.0%
SectionList with-3-sections-15-items	5.60ms	5.00ms	±1.78ms	1	-9.1%
SectionList with-5-sections-50-items	5.70ms	5.50ms	±1.25ms	1	-8.3%
SectionList with-10-sections-200-items	6.90ms	6.50ms	±3.07ms	1	+18.2%
SectionList with-20-sections-200-items	5.70ms	5.50ms	±1.42ms	1	+10.0%
SectionList with-section-separator	1.70ms	2.00ms	±0.48ms	1	+0.0%
SectionList with-item-separator	2.40ms	2.00ms	±0.70ms	1	+0.0%
SectionList with-header-footer	1.60ms	1.50ms	±0.70ms	1	-25.0%
SectionList with-section-footer	1.90ms	2.00ms	±0.74ms	1	+0.0%
SectionList with-sticky-section-headers	1.70ms	1.50ms	±0.95ms	1	-25.0%
SectionList with-empty-list	0.60ms	1.00ms	±0.52ms	1	+0.0%
SectionList with-50-sections-1000-items	2.00ms	2.00ms	±0.67ms	1	+0.0%

FlatList

Scenario	Mean	Median	StdDev	Renders	vs Baseline
FlatList mount	4.10ms	3.50ms	±2.13ms	1	-12.5%
FlatList unmount	0.20ms	0.00ms	±0.42ms	0	+0.0%
FlatList rerender	10.10ms	10.00ms	±2.23ms	2	+11.1%
FlatList with-10-items	4.00ms	4.00ms	±0.00ms	1	+0.0%
FlatList with-100-items	4.70ms	4.00ms	±1.06ms	1	-20.0%
FlatList with-500-items	4.90ms	4.00ms	±2.60ms	1	+0.0%
FlatList with-1000-items	4.60ms	4.00ms	±0.84ms	1	+0.0%
FlatList horizontal	4.90ms	4.50ms	±2.13ms	1	-10.0%
FlatList with-separator	1.70ms	2.00ms	±0.67ms	1	+0.0%
FlatList with-header-footer	2.30ms	2.00ms	±2.41ms	1	+0.0%
FlatList with-empty-list	0.20ms	0.00ms	±0.42ms	1	-100.0%
FlatList with-get-item-layout	1.60ms	2.00ms	±0.52ms	1	+100.0%
FlatList inverted	1.50ms	1.50ms	±0.53ms	1	+0.0%
FlatList with-num-columns	2.50ms	2.50ms	±0.53ms	1	-16.7%

TouchableOpacity

Scenario	Mean	Median	StdDev	Renders	vs Baseline
TouchableOpacity mount	0.90ms	1.00ms	±0.32ms	1	+0.0%
TouchableOpacity unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
TouchableOpacity rerender	1.00ms	1.00ms	±0.67ms	2	+0.0%
TouchableOpacity custom-active-opacity	0.90ms	1.00ms	±0.32ms	1	+0.0%
TouchableOpacity disabled	0.70ms	1.00ms	±0.48ms	1	+0.0%
TouchableOpacity with-all-handlers	0.40ms	0.00ms	±0.52ms	1	-100.0%
TouchableOpacity with-hit-slop	1.30ms	1.00ms	±2.06ms	1	+0.0%
TouchableOpacity with-delay	0.60ms	1.00ms	±0.52ms	1	+0.0%
TouchableOpacity nested	1.20ms	1.00ms	±0.42ms	1	+0.0%
TouchableOpacity multiple-10	5.47ms	5.00ms	±1.60ms	1	-16.7%
TouchableOpacity multiple-50	30.53ms	25.00ms	±15.77ms	1	-13.8%
TouchableOpacity multiple-100	35.33ms	38.00ms	±10.77ms	1	-24.0%

ScrollView

Scenario	Mean	Median	StdDev	Renders	vs Baseline
ScrollView mount	0.40ms	0.00ms	±0.52ms	1	+0.0%
ScrollView unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
ScrollView rerender	0.50ms	0.50ms	±0.53ms	2	-50.0%
ScrollView children-20	3.27ms	3.00ms	±1.33ms	1	-25.0%
ScrollView children-100	16.07ms	16.00ms	±3.73ms	1	+0.0%
ScrollView horizontal	3.60ms	3.00ms	±1.58ms	1	-25.0%
ScrollView sticky-headers	3.10ms	3.00ms	±1.52ms	1	+0.0%
ScrollView scroll-indicators	0.70ms	1.00ms	±0.48ms	1	+0.0%
ScrollView nested	1.40ms	1.00ms	±0.70ms	1	+0.0%
ScrollView content-container-style	0.70ms	1.00ms	±0.48ms	1	+0.0%
ScrollView children-500	22.53ms	22.00ms	±4.78ms	1	+15.8%

TouchableHighlight

Scenario	Mean	Median	StdDev	Renders	vs Baseline
TouchableHighlight mount	0.50ms	0.50ms	±0.53ms	1	+0.0%
TouchableHighlight unmount	0.10ms	0.00ms	±0.32ms	0	+0.0%
TouchableHighlight rerender	0.40ms	0.00ms	±0.52ms	2	-100.0%
TouchableHighlight custom-underlay-color	0.50ms	0.50ms	±0.53ms	1	+Infinity%
TouchableHighlight custom-active-opacity	0.30ms	0.00ms	±0.48ms	1	+0.0%
TouchableHighlight disabled	0.20ms	0.00ms	±0.42ms	1	+0.0%
TouchableHighlight with-all-handlers	0.50ms	0.50ms	±0.53ms	1	+Infinity%
TouchableHighlight with-hit-slop	0.30ms	0.00ms	±0.48ms	1	+0.0%
TouchableHighlight nested-touchables	0.90ms	1.00ms	±0.32ms	1	+0.0%
TouchableHighlight multiple-touchables-10	2.80ms	2.50ms	±1.62ms	1	-16.7%
TouchableHighlight multiple-touchables-50	14.20ms	14.50ms	±2.90ms	1	+16.0%
TouchableHighlight multiple-touchables-100	24.60ms	23.00ms	±5.52ms	1	+2.2%

Pressable

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Pressable mount	0.30ms	0.00ms	±0.48ms	1	+0.0%
Pressable unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
Pressable rerender	0.40ms	0.00ms	±0.52ms	2	-100.0%
Pressable with-all-handlers	0.30ms	0.00ms	±0.48ms	1	+0.0%
Pressable with-style-function	0.30ms	0.00ms	±0.48ms	1	+0.0%
Pressable disabled	0.40ms	0.00ms	±0.52ms	1	+0.0%
Pressable with-hit-slop	0.20ms	0.00ms	±0.42ms	1	+0.0%
Pressable nested	0.80ms	1.00ms	±0.42ms	1	+0.0%
Pressable multiple-10	2.53ms	3.00ms	±0.74ms	1	+0.0%
Pressable multiple-50	15.73ms	15.00ms	±3.10ms	1	+7.1%
Pressable multiple-100	16.07ms	11.00ms	±10.09ms	1	-8.3%

Modal

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Modal mount	0.30ms	0.00ms	±0.48ms	1	+0.0%
Modal unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
Modal rerender	0.80ms	0.50ms	±1.23ms	2	+Infinity%
Modal slide-animation	0.30ms	0.00ms	±0.48ms	1	+0.0%
Modal fade-animation	0.10ms	0.00ms	±0.32ms	1	+0.0%
Modal transparent	0.40ms	0.00ms	±0.52ms	1	+0.0%
Modal with-callbacks	0.30ms	0.00ms	±0.48ms	1	+0.0%
Modal rich-content	1.70ms	2.00ms	±0.48ms	1	+0.0%
Modal with-accessibility	0.40ms	0.00ms	±0.52ms	1	+0.0%

Image

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Image mount	0.20ms	0.00ms	±0.42ms	1	+0.0%
Image unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
Image rerender	0.30ms	0.00ms	±0.48ms	2	+0.0%
Image with-resize-mode	0.20ms	0.00ms	±0.42ms	1	+0.0%
Image with-border-radius	0.20ms	0.00ms	±0.42ms	1	+0.0%
Image with-tint-color	0.10ms	0.00ms	±0.32ms	1	+0.0%
Image with-blur-radius	0.10ms	0.00ms	±0.32ms	1	+0.0%
Image with-accessibility	0.00ms	0.00ms	±0.00ms	1	+0.0%
Image multiple-10	1.00ms	1.00ms	±0.00ms	1	+0.0%
Image multiple-50	3.47ms	4.00ms	±0.64ms	1	+33.3%
Image multiple-100	8.13ms	7.00ms	±1.77ms	1	-12.5%

ActivityIndicator

Scenario	Mean	Median	StdDev	Renders	vs Baseline
ActivityIndicator mount	0.20ms	0.00ms	±0.42ms	1	+0.0%
ActivityIndicator unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
ActivityIndicator rerender	0.10ms	0.00ms	±0.32ms	2	+0.0%
ActivityIndicator size-large	0.10ms	0.00ms	±0.32ms	1	+0.0%
ActivityIndicator size-small	0.20ms	0.00ms	±0.42ms	1	+0.0%
ActivityIndicator with-color	0.20ms	0.00ms	±0.42ms	1	+0.0%
ActivityIndicator not-animating	0.00ms	0.00ms	±0.00ms	1	+0.0%
ActivityIndicator with-accessibility	0.10ms	0.00ms	±0.32ms	1	+0.0%
ActivityIndicator multiple-10	0.67ms	1.00ms	±0.49ms	1	+0.0%
ActivityIndicator multiple-50	3.33ms	3.00ms	±0.62ms	1	-25.0%
ActivityIndicator multiple-100	8.20ms	8.00ms	±1.26ms	1	+14.3%

Switch

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Switch mount	0.40ms	0.00ms	±0.52ms	1	+0.0%
Switch unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
Switch rerender	0.30ms	0.00ms	±0.48ms	2	-100.0%
Switch value-true	0.30ms	0.00ms	±0.48ms	1	+0.0%
Switch disabled	0.20ms	0.00ms	±0.42ms	1	+0.0%
Switch custom-colors	0.40ms	0.00ms	±0.97ms	1	+0.0%
Switch on-value-change	0.30ms	0.00ms	±0.48ms	1	+0.0%
Switch with-accessibility	0.10ms	0.00ms	±0.32ms	1	+0.0%
Switch multiple-10	1.40ms	1.00ms	±0.51ms	1	-50.0%
Switch multiple-50	9.13ms	8.00ms	±3.23ms	1	-11.1%
Switch multiple-100	18.27ms	18.00ms	±4.04ms	1	+12.5%

Button

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Button mount	0.60ms	1.00ms	±0.52ms	1	+0.0%
Button unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
Button rerender	0.80ms	1.00ms	±0.42ms	2	+0.0%
Button disabled	0.60ms	1.00ms	±0.52ms	1	+0.0%
Button with-color	0.40ms	0.00ms	±0.52ms	1	-100.0%
Button with-accessibility	0.60ms	1.00ms	±0.52ms	1	+0.0%
Button multiple-10	5.87ms	5.00ms	±1.64ms	1	-16.7%
Button multiple-50	20.87ms	24.00ms	±7.58ms	1	-11.1%
Button multiple-100	15.73ms	15.00ms	±3.06ms	1	-21.1%

TextInput

Scenario	Mean	Median	StdDev	Renders	vs Baseline
TextInput mount	0.20ms	0.00ms	±0.42ms	1	+0.0%
TextInput unmount	0.10ms	0.00ms	±0.32ms	0	+0.0%
TextInput rerender	0.80ms	0.50ms	±1.23ms	2	+Infinity%
TextInput multiline	0.20ms	0.00ms	±0.42ms	1	+0.0%
TextInput with-value	0.20ms	0.00ms	±0.42ms	1	+0.0%
TextInput styled	0.20ms	0.00ms	±0.42ms	1	+0.0%
TextInput multiple-100	7.73ms	7.00ms	±1.71ms	1	+0.0%

View

Scenario	Mean	Median	StdDev	Renders	vs Baseline
View mount	0.10ms	0.00ms	±0.32ms	1	+0.0%
View unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
View rerender	0.00ms	0.00ms	±0.00ms	2	+0.0%
View nested-50	3.07ms	3.00ms	±0.46ms	1	+0.0%
View nested-100	8.20ms	7.00ms	±2.76ms	1	+0.0%
View shadow	0.20ms	0.00ms	±0.42ms	1	+0.0%
View border-radius	0.20ms	0.00ms	±0.42ms	1	+0.0%
View nested-500	17.67ms	11.00ms	±12.54ms	1	+10.0%

Text

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Text mount	0.20ms	0.00ms	±0.42ms	1	+0.0%
Text unmount	0.00ms	0.00ms	±0.00ms	0	+0.0%
Text rerender	0.10ms	0.00ms	±0.32ms	2	+0.0%
Text long-1000	0.10ms	0.00ms	±0.32ms	1	+0.0%
Text nested	0.10ms	0.00ms	±0.32ms	1	+0.0%
Text styled	0.20ms	0.00ms	±0.42ms	1	+0.0%
Text multiple-100	9.27ms	9.00ms	±2.49ms	1	+28.6%

SectionList.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
SectionList native mount	4.72ms	4.56ms	±0.48ms	1	-29.8%

FlatList.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
FlatList native mount	4.76ms	4.59ms	±0.75ms	1	-50.2%

TouchableHighlight.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
TouchableHighlight native mount	1.45ms	1.38ms	±0.22ms	1	-34.1%

TouchableOpacity.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
TouchableOpacity native mount	1.95ms	1.72ms	±0.74ms	1	-45.0%

Pressable.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Pressable native mount	1.50ms	1.48ms	±0.14ms	1	-40.9%

ScrollView.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
ScrollView native mount	3.12ms	3.16ms	±0.32ms	1	-22.1%

ActivityIndicator.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
ActivityIndicator native mount	1.50ms	1.32ms	±0.70ms	1	-46.7%

TextInput.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
TextInput native mount	2.08ms	1.99ms	±0.18ms	1	-51.3%

Switch.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Switch native mount	1.18ms	1.02ms	±0.53ms	1	-41.1%

Button.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Button native mount	1.57ms	1.55ms	±0.13ms	1	-40.3%

Modal.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Modal native mount	0.89ms	0.79ms	±0.27ms	1	-35.1%

Image.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Image native mount	1.65ms	1.53ms	±0.36ms	1	-32.3%

View.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
View native mount	0.92ms	0.90ms	±0.10ms	1	-36.8%

Text.native-perf-test.ts

Scenario	Mean	Median	StdDev	Renders	vs Baseline
Text native mount	1.19ms	1.09ms	±0.33ms	1	-37.4%