diff --git a/experiments-app/src/experiments.ts b/experiments-app/src/experiments.ts index b392b7b94..fdd485148 100644 --- a/experiments-app/src/experiments.ts +++ b/experiments-app/src/experiments.ts @@ -1,3 +1,4 @@ +import { AccessibilityScreen } from './screens/Accessibility'; import { TextInputEventPropagation } from './screens/TextInputEventPropagation'; import { TextInputEvents } from './screens/TextInputEvents'; import { ScrollViewEvents } from './screens/ScrollViewEvents'; @@ -7,6 +8,11 @@ import { SectionListEvents } from './screens/SectionListEvents'; export type Experiment = (typeof experiments)[number]; export const experiments = [ + { + key: 'Accessibility', + title: 'Accessibility', + component: AccessibilityScreen, + }, { key: 'TextInputEvents', title: 'TextInput Events', diff --git a/experiments-app/src/screens/Accessibility.tsx b/experiments-app/src/screens/Accessibility.tsx new file mode 100644 index 000000000..feffb8c95 --- /dev/null +++ b/experiments-app/src/screens/Accessibility.tsx @@ -0,0 +1,80 @@ +import * as React from 'react'; +import { StyleSheet, View, Text, ScrollView, TextInput } from 'react-native'; + +export function AccessibilityScreen() { + return ( + + + {''} + + + {''} + + + {''} + + + {''} + + + {''} + + + {''} + + + {''} + + {''} + + + {''} + + + + + + + + + + ); +} + +const styles = StyleSheet.create({ + container: { + flex: 1, + }, + view: { + padding: 20, + backgroundColor: 'grey', + }, + text: { + padding: 20, + backgroundColor: '#b1f2ff', + }, + textInput: { + padding: 20, + backgroundColor: '#fbebd8', + }, +});