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)',