diff --git a/RNTester/js/ViewExample.js b/RNTester/js/ViewExample.js index ffa5bd3d2..5115a08d5 100644 --- a/RNTester/js/ViewExample.js +++ b/RNTester/js/ViewExample.js @@ -146,31 +146,37 @@ exports.examples = [ { title: 'Overflow', render() { + const styles = StyleSheet.create({ + container: { + borderWidth: StyleSheet.hairlineWidth, + height: 12, + marginBottom: 8, + marginEnd: 16, + width: 95, + }, + content: { + height: 20, + width: 200, + }, + }); + + // NOTE: The that sets `overflow` should only have other layout + // styles so that we can accurately test view flattening optimizations. return ( - - - Overflow hidden + + + undefined - - - Overflow visible + + + hidden + + + + + visible