fix(chat): Gedanken-Stream Modal scrollt jetzt
Der innere TouchableOpacity (eigentlich nur da um Tap-Propagation an das aeussere close-on-tap-outside-Wrapper zu blocken) hat alle Touch- Events konsumiert — FlatList bekam nichts ab, kein Scroll moeglich. Fix: inner durch View ersetzen, mit onStartShouldSetResponder=true plus onResponderTerminationRequest=false. Das blockt die Propagation ohne Scrolls der Children zu verschlucken. Close-on-Tap-outside funktioniert weiter (aeusseres TouchableOpacity bleibt), das X im Header schliesst auch, Hardware-Back ebenfalls. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -2338,7 +2338,15 @@ const ChatScreen: React.FC = () => {
|
|||||||
activeOpacity={1}
|
activeOpacity={1}
|
||||||
onPress={() => setThoughtsVisible(false)}
|
onPress={() => setThoughtsVisible(false)}
|
||||||
>
|
>
|
||||||
<TouchableOpacity activeOpacity={1} style={{height:'60%', backgroundColor:'#0D0D1A', borderTopLeftRadius:16, borderTopRightRadius:16}}>
|
{/* View statt TouchableOpacity, sonst konsumiert das die Touch-
|
||||||
|
Events und die FlatList laesst sich nicht scrollen.
|
||||||
|
onStartShouldSetResponder={true} blockt aber die Propagation
|
||||||
|
an das aeussere TouchableOpacity (close-on-tap-outside). */}
|
||||||
|
<View
|
||||||
|
style={{height:'60%', backgroundColor:'#0D0D1A', borderTopLeftRadius:16, borderTopRightRadius:16}}
|
||||||
|
onStartShouldSetResponder={() => true}
|
||||||
|
onResponderTerminationRequest={() => false}
|
||||||
|
>
|
||||||
{/* Drag-Indicator */}
|
{/* Drag-Indicator */}
|
||||||
<View style={{alignItems:'center', paddingTop:8, paddingBottom:4}}>
|
<View style={{alignItems:'center', paddingTop:8, paddingBottom:4}}>
|
||||||
<View style={{width:40, height:4, borderRadius:2, backgroundColor:'#2A2A3E'}} />
|
<View style={{width:40, height:4, borderRadius:2, backgroundColor:'#2A2A3E'}} />
|
||||||
@@ -2417,7 +2425,7 @@ const ChatScreen: React.FC = () => {
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</TouchableOpacity>
|
</View>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</Modal>
|
</Modal>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user