Fix state update when editing a track

Author: voidrender

example/App.tsx

@@ -21,7 +21,7 @@ export const App = () => {
                 renderItem={itemInfo => (
                     <TrackListItem
                         uri={itemInfo.item.uri}
-                        onSubmitEditing={text => {
+                        onEndEditing={text => {
                             tracks[itemInfo.index].uri = text;
                         }}
                         onDelete={() => {

example/src/TrackListItem.tsx

@@ -3,17 +3,17 @@ import { Button, StyleSheet, TextInput, View } from 'react-native';
 
 interface Props {
     uri: string;
-    onSubmitEditing: (text: string) => void;
+    onEndEditing: (text: string) => void;
     onDelete: () => void;
 }
 
-export const TrackListItem = ({ uri, onSubmitEditing, onDelete }: Props) => {
+export const TrackListItem = ({ uri, onEndEditing, onDelete }: Props) => {
     return (
         <View style={styles.container}>
             <TextInput
                 style={styles.input}
                 defaultValue={uri}
-                onSubmitEditing={e => onSubmitEditing(e.nativeEvent.text)}
+                onEndEditing={e => onEndEditing(e.nativeEvent.text)}
                 autoCapitalize='none'
             />
             <Button title='Delete' onPress={onDelete} />