@@ -24,7 +24,6 @@ const styles = StyleSheet.create({
2424 } ,
2525} ) ;
2626
27-
2827function DragDropView ( ) : React . Node {
2928 // $FlowFixMe[missing-empty-array-annot]
3029 const [ log , setLog ] = React . useState ( [ ] ) ;
@@ -75,7 +74,8 @@ function DragDropView(): React.Node {
7574 alignItems : 'center' ,
7675 marginVertical : 10 ,
7776 } } >
78- < Text style = { { color : isDraggingOver ? '#1976d2' : '#666' , fontSize : 14 } } >
77+ < Text
78+ style = { { color : isDraggingOver ? '#1976d2' : '#666' , fontSize : 14 } } >
7979 { isDraggingOver ? 'Release to drop' : 'Drop an image or file here' }
8080 </ Text >
8181 </ View >
@@ -85,7 +85,9 @@ function DragDropView(): React.Node {
8585 < Text style = { { height : 90 } } > { log . join ( '\n' ) } </ Text >
8686 </ View >
8787 < 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 >
8991 < Image
9092 source = { { uri : imageUri } }
9193 style = { {
@@ -202,7 +204,8 @@ function OnPaste(): React.Node {
202204
203205exports . title = 'Drag and Drop Events' ;
204206exports . 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.' ;
206209exports . examples = [
207210 {
208211 title : 'Drag and Drop (View)' ,
0 commit comments