Develop a React Native application for currency conversion. The application will have two parts: Part $1$: Convert values from USD and GBP to EUR using fixed exchange rates. Part $2$: Convert values from USD and GBP to EUR using data from the ExchangeRate$-$API. Create the React Native App Install Node.js Make sure you have Node.js installed on your machine. npm install $-$g create$-$react$-$native$-$app npx create$-$react$-$native$-$app CurrencyConverter cd CurrencyConverter start the emulator $($with the batch file or from android studio$)$ run the app npm start $($npm run android$)$ Change the app npm install react$-$native$-$simple$-$radio$-$button axios axios is only need for the second part Replace the Code in App.js:

Open the App.js file in your project directory and replace its contents with the code provided in the instructions. $-$Add an input field $($TextInput$),$ two radio buttons $($RadioButton$),$ a button $($Button$),$ and a label $($Text$).-$Implement the logic to convert the entered value from USD to EUR and from GBP to EUR. $-$Display the conversion result in the label.

Code: import React, $\{$ useState $\}$ from 'react'; import $\{$ View, Text, TextInput, Button, StyleSheet $\}$ from 'react$-$native'; import RadioForm from 'react$-$native$-$simple$-$radio$-$button'; export default function App$()\{$ const $[$amount$,$ setAmount$]=$ useState$(\text{'}\text{'})$; const $[$currency$,$ setCurrency$]=$ useState$(\text{'}$USD$\text{'})$; const $[$result$,$ setResult$]=$ useState$($null$)$; const conversionRates $=\{$ USD: $0\mathrm{.}92,$ GBP: $1\mathrm{.}12,\}$; const handleConversion $=()=>\{$ const rate $=$ conversionRates$[$currency$]$; const convertedAmount $=($parseFloat$($amount$)*$ rate$).$toFixed$(2)$; setResult$(`$$$\{$convertedAmount$\}$ EUR$`)$; $\}$; const radio$\_$props $=[\{$ label: 'USD', value: 'USD' $\},\{$ label: $\text{'}$GBP$\text{'},$ value: $\text{'}$GBP$\text{'}\},]$; return $($ Currency Converter setCurrency$($value$)\}$ formHorizontal$=\{$true$\}$

labelHorizontal$=\{$false$\}$ buttonSize$=\{10\}/>\{$result && $\{$result$\}\})$; $\}$ const styles $=$ StyleSheet.create$(\{$ container: $\{$ flex: $1,$ justifyContent: 'center', alignItems: 'center', padding: $20,\},$ header: $\{$ fontSize: $24,$ marginBottom: $20,\},$ input: $\{$ height: $40,$ borderColor: 'gray', borderWidth: $1,$ marginBottom: $20,$ paddingHorizontal: $10,$ width: $\text{'}80\%\text{'},\},$ result: $\{$ marginTop: $20,$ fontSize: $18,\},\})$;