To build simple Scan QR code and save scanned QR data using AsyncStorage and list all scanned history in another Tab that can edited and deleted individually in React Native and MUST be run on

Long Description:
As app is open, load specific website (WebView) on background to save latest cached website file, and only has two Bottom Tab, one for History Tab and another for Scan Tab.

On History Tab is list all saved scanned QR using AsyncStorage and FlatList with SVG icon loaded from file that has button to edit and delete AsyncStorage data individually.

On Scan Tab has button to click to launch MODAL view in full screen to scan QR (BarCodeScanner) and save scanned data using AsyncStorage and close Modal view after successfully scanned.

Each components (, History and Scan) must be in individual .js file.

That’s it, the code should be clear and easy to understand.

My suggested component (you are welcome to suggest better component):
AsyncStorage from ‘@react-native-async-storage/async-storage’
{ BarCodeScanner } from ‘expo-barcode-scanner’
{ createBottomTabNavigator } from ‘@react-navigation/bottom-tabs’
{ Modal, FlatList } from ‘react-native’
{ WebView } from ‘react-native-webview’
Svg from ‘react-native-svg’