diff --git a/packages/rn-tester/js/examples/Filter/FilterExample.js b/packages/rn-tester/js/examples/Filter/FilterExample.js index 66324534372..36ed2d74c71 100644 --- a/packages/rn-tester/js/examples/Filter/FilterExample.js +++ b/packages/rn-tester/js/examples/Filter/FilterExample.js @@ -15,13 +15,19 @@ import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet'; import React from 'react'; import {Image, StyleSheet, Text, View} from 'react-native'; +const alphaHotdog = require('../../assets/alpha-hotdog.png'); const hotdog = require('../../assets/hotdog.jpg'); type Props = $ReadOnly<{ style: ViewStyleProp, testID?: string, + imageSource?: number, }>; +const defaultProps = { + imageSource: hotdog, +}; + function StaticViewAndImage(props: Props): React.Node { return ( <> @@ -40,12 +46,21 @@ function StaticViewAndImage(props: Props): React.Node { - - + + ); } +StaticViewAndImage.defaultProps = defaultProps; function StaticViewAndImageWithState(props: Props): React.Node { const [s, setS] = React.useState(true); @@ -195,6 +210,23 @@ exports.examples = [ ); }, }, + { + title: 'Drop Shadow', + description: 'drop-shadow(30px 10px 4px #4444dd)', + name: 'drop-shadow', + platform: 'android', + render(): React.Node { + return ( + + ); + }, + }, { title: 'Chained filters', description: 'brightness(1.5) opacity(0.5)',