mirror of
https://github.com/facebook/react-native.git
synced 2025-11-01 09:14:26 +00:00
Summary:
Now we can use `overflowInset` to check if the view's descendants overflow.
```
┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┐
A cell w/o overflow content
│ │
└ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┘
┌───────────────────────────┐ ┌───────────────────────────┐
│A cell w/ overflow content │ │A cell w/ overflow content │
│ ┌───────────┐ │ <━━━━━━━━━> │ ┌───────────┐ │
│ │A thing │ │ │ │A thing │ │
└─────────────┤that ├─┘ └─────────────┤that ├─┘
┌ ─ ─ ─ ─ ─ ─ ┤overflows ├ ┐ Inset ********│overflows │**
│ended up │ Overflow******│ended up │**
│ │being │ │ **************│being │**
│visible. │ **************│visible. │**
└ ─ ─ ─ ─ ─ ─ ┤ ├ ┘ **************│ │**
┌─────────────┤ ├─┐ **************│ │**
│ │ │ │ **************│ │**
│ │ │ │ **************│ │**
╔═│ │ │ │═╗ ╔═**************│ │**═╗
║ └─────────────┤ ├─┘ ║ ║ **************│ │** ║
║ ┌─────────────┤ ├─┐ ║ ║ **************│ │** ║
║ │ │ │ │ ║ ║ **************│ │** ║
║ │ │ │ │ ║ ║ **************│ │** ║
║ │ └───────────┘ │ ║ ║ **************└───────────┘** ║
║ └───────────────────────────┘ ║ ║ ║
║ ┌───────────────────────────┐ ║ ║ ║
║ │ │ ║ ║ ║
║ │ │ ║ ║ ║
║ │ │ ║ ║ ║
║ └───────────────────────────┘ ║ ║ ║
║ ┌───────────────────────────┐ ║ ║ ║
║ │ │ ║ ║ ║
║ │ │ ║ ║ ║
║ │ │ ║ ║ ║
║ └───────────────────────────┘ ║ ║ ║
║ ┌───────────────────────────┐ ║ ║ ║
║ │ │ ║ ║ ║
║ │ │ ║ ║ ║
║ │ │ ║ ║ ║
║ └───────────────────────────┘ ║ ║ ║
║ ┌───────────────────────────┐ ║ ║ ║
║ │ │ ║ ║ ║
║ │ │ ║ ║ ║
╚═│ │═╝ ╚═══════════════════════════════╝
└───────────────────────────┘
┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┐
│ │
└ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┘
┌ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┐
│ │
└ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ┘
```
Changelog: [Internal] Fabric-specific internal change.
Reviewed By: sammy-SC
Differential Revision: D22325808
fbshipit-source-id: e80ae196fc9158358a67c6706b0a2ddec6d47ee9