@@ -24,7 +24,6 @@ const styles = StyleSheet.create({
24
24
} ,
25
25
} ) ;
26
26
27
-
28
27
function DragDropView ( ) : React . Node {
29
28
// $FlowFixMe[missing-empty-array-annot]
30
29
const [ log , setLog ] = React . useState ( [ ] ) ;
@@ -75,7 +74,8 @@ function DragDropView(): React.Node {
75
74
alignItems : 'center' ,
76
75
marginVertical : 10 ,
77
76
} } >
78
- < Text style = { { color : isDraggingOver ? '#1976d2' : '#666' , fontSize : 14 } } >
77
+ < Text
78
+ style = { { color : isDraggingOver ? '#1976d2' : '#666' , fontSize : 14 } } >
79
79
{ isDraggingOver ? 'Release to drop' : 'Drop an image or file here' }
80
80
</ Text >
81
81
</ View >
@@ -85,7 +85,9 @@ function DragDropView(): React.Node {
85
85
< Text style = { { height : 90 } } > { log . join ( '\n' ) } </ Text >
86
86
</ View >
87
87
< View style = { { flex : 1 } } >
88
- < Text style = { { fontWeight : 'bold' , marginBottom : 4 } } > Dropped Image:</ Text >
88
+ < Text style = { { fontWeight : 'bold' , marginBottom : 4 } } >
89
+ Dropped Image:
90
+ </ Text >
89
91
< Image
90
92
source = { { uri : imageUri } }
91
93
style = { {
@@ -202,7 +204,8 @@ function OnPaste(): React.Node {
202
204
203
205
exports . title = 'Drag and Drop Events' ;
204
206
exports . category = 'UI' ;
205
- exports . description = 'Demonstrates onDragEnter, onDragLeave, onDrop, and onPaste event handling in TextInput.' ;
207
+ exports . description =
208
+ 'Demonstrates onDragEnter, onDragLeave, onDrop, and onPaste event handling in TextInput.' ;
206
209
exports . examples = [
207
210
{
208
211
title : 'Drag and Drop (View)' ,
0 commit comments