Delete file

README.md

@@ -14,7 +14,7 @@ This project is from mobile software development class.
 - [x] Find background image
 
 ### Final presentation
-- [ ] Files CRUD
+- [x] Files CRUD
 - [ ] Slide layout
   - [ ] Corners
 - [x] Add slide

components/FileList/view.js

@@ -7,7 +7,8 @@ import React, {
 	TouchableNativeFeedback,
 	RecyclerViewBackedScrollView,
 	Image,
-	Platform
+	Platform,
+	Alert
 } from 'react-native';
 import NavBar, { NavButton, NavTitle, NavGroup } from 'react-native-nav'
 import { ListView } from 'realm/react-native';
@@ -88,7 +89,7 @@ export default class FileList extends Component {
 
 	_renderRow = (rowData, sectionID, rowID) => {
 		return (
-			<TouchableFeedback onPress={this._onRowPress(rowData)}>
+			<TouchableFeedback onPress={this._onRowPress(rowData)} onLongPress={this._onLongPress(rowData)}>
 				<View style={styles.row}>
 					<Text style={styles.text}>{rowData.name}</Text>
 				</View>
@@ -102,6 +103,23 @@ export default class FileList extends Component {
 		};
 	};
 
+	_onLongPress = (data) => {
+		return () => {
+			Alert.alert(
+				'Delete',
+				`Delete ${data.name}?\nThis action cannot be undone.`,
+				[
+					{text: 'Cancel', style: 'cancel'},
+					{text: 'OK', onPress: () => {
+						Realm.write(() => {
+							Realm.delete(data);
+						});
+					}},
+				]
+			);
+		};
+	};
+
 	addSlide(name){
 		if(!name){
 			return;