diff --git a/packages/rn-tester/js/examples/ScrollView/ScrollViewIndicatorInsetsExample.ios.js b/packages/rn-tester/js/examples/ScrollView/ScrollViewIndicatorInsetsExample.ios.js
new file mode 100644
index 00000000000000..00d307955362fa
--- /dev/null
+++ b/packages/rn-tester/js/examples/ScrollView/ScrollViewIndicatorInsetsExample.ios.js
@@ -0,0 +1,116 @@
+'use strict';
+
+const React = require('react');
+
+const {
+ Button,
+ Dimensions,
+ Modal,
+ ScrollView,
+ StyleSheet,
+ Switch,
+ Text,
+ View,
+} = require('react-native');
+
+class ScrollViewIndicatorInsetsExample extends React.Component<
+ {...},
+ {|
+ enableAutoIndicatorInsets: boolean,
+ modalPresentationStyle: string,
+ modalVisible: boolean,
+ |},
+> {
+ state = {
+ enableAutoIndicatorInsets: true,
+ modalPresentationStyle: null,
+ modalVisible: false,
+ };
+
+ _setModalVisible = (modalVisible, modalPresentationStyle) => {
+ this.setState({
+ enableAutoIndicatorInsets: true,
+ modalVisible,
+ modalPresentationStyle,
+ });
+ };
+
+ _setEnableAutoIndicatorInsets = enableAutoIndicatorInsets => {
+ this.setState({
+ enableAutoIndicatorInsets,
+ });
+ };
+
+ render() {
+ const {height, width} = Dimensions.get('window');
+ return (
+
+ this._setModalVisible(false)}
+ presentationStyle={this.state.modalPresentationStyle}
+ statusBarTranslucent={false}
+ supportedOrientations={['portrait', 'landscape']}>
+
+
+ automaticallyAdjustsScrollIndicatorInsets
+ this._setEnableAutoIndicatorInsets(v)}
+ value={this.state.enableAutoIndicatorInsets}
+ style={styles.switch}/>
+
+
+
+
+ );
+ }
+}
+
+const styles = StyleSheet.create({
+ modal: {
+ flex: 1,
+ },
+ scrollView: {
+ flex: 1,
+ height: 1000,
+ },
+ scrollViewContent: {
+ alignItems: 'center',
+ backgroundColor: '#ffaaaa',
+ justifyContent: 'flex-start',
+ paddingTop: 200,
+ },
+ switch: {
+ marginBottom: 40,
+ },
+});
+
+exports.title = 'ScrollViewIndicatorInsets';
+exports.category = 'iOS';
+exports.description =
+ 'ScrollView automaticallyAdjustsScrollIndicatorInsets adjusts scroll indicator insets using OS-defined logic on iOS 13+.';
+exports.examples = [
+ {
+ title: ' automaticallyAdjustsScrollIndicatorInsets Example',
+ render: (): React.Node => ,
+ },
+];
diff --git a/packages/rn-tester/js/utils/RNTesterList.ios.js b/packages/rn-tester/js/utils/RNTesterList.ios.js
index efbcca235a73cd..0f0ace0e1de74d 100644
--- a/packages/rn-tester/js/utils/RNTesterList.ios.js
+++ b/packages/rn-tester/js/utils/RNTesterList.ios.js
@@ -118,6 +118,10 @@ const ComponentExamples: Array = [
module: require('../examples/ScrollView/ScrollViewAnimatedExample'),
supportsTVOS: true,
},
+ {
+ key: 'ScrollViewIndicatorInsetsExample',
+ module: require('../examples/ScrollView/ScrollViewIndicatorInsetsExample'),
+ },
{
key: 'SectionList-inverted',
module: require('../examples/SectionList/SectionList-inverted'),