ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-25 06:13:12 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

changed web browser presentation style

Browse Source
This commit is contained in:
Nouman Tahir 2022-11-10 13:58:40 +05:00
parent 2f0f40d4c7
commit 0192ee4afd
3 changed files with 12 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/navigation/stackNavigator.tsx
View File

@ -56,7 +56,6 @@ const MainStackNavigator = () => {
<MainStack.Screen name={ROUTES.SCREENS.ACCOUNT_BOOST} component={AccountBoost} /> <MainStack.Screen name={ROUTES.SCREENS.ACCOUNT_BOOST} component={AccountBoost} />
<MainStack.Screen name={ROUTES.SCREENS.COMMUNITY} component={Community} /> <MainStack.Screen name={ROUTES.SCREENS.COMMUNITY} component={Community} />
<MainStack.Screen name={ROUTES.SCREENS.COMMUNITIES} component={Communities} /> <MainStack.Screen name={ROUTES.SCREENS.COMMUNITIES} component={Communities} />
<MainStack.Screen name={ROUTES.SCREENS.WEB_BROWSER} component={WebBrowser} />
<MainStack.Screen name={ROUTES.SCREENS.REFER} component={ReferScreen} /> <MainStack.Screen name={ROUTES.SCREENS.REFER} component={ReferScreen} />
<MainStack.Screen name={ROUTES.SCREENS.COIN_DETAILS} component={CoinDetails} /> <MainStack.Screen name={ROUTES.SCREENS.COIN_DETAILS} component={CoinDetails} />
<MainStack.Screen name={ROUTES.SCREENS.EDIT_HISTORY} component={EditHistoryScreen} /> <MainStack.Screen name={ROUTES.SCREENS.EDIT_HISTORY} component={EditHistoryScreen} />
@ -67,6 +66,7 @@ const MainStackNavigator = () => {
<MainStack.Screen name={ROUTES.SCREENS.FOLLOWS} component={Follows} /> <MainStack.Screen name={ROUTES.SCREENS.FOLLOWS} component={Follows} />
<MainStack.Screen name={ROUTES.SCREENS.TRANSFER} component={Transfer} /> <MainStack.Screen name={ROUTES.SCREENS.TRANSFER} component={Transfer} />
<MainStack.Screen name={ROUTES.SCREENS.EDITOR} component={Editor} /> <MainStack.Screen name={ROUTES.SCREENS.EDITOR} component={Editor} />
<MainStack.Screen name={ROUTES.SCREENS.WEB_BROWSER} component={WebBrowser} />
</MainStack.Group> </MainStack.Group>
</MainStack.Navigator> </MainStack.Navigator>
); );

5
src/screens/webBrowser/screen/webBrowser.tsx
View File

@ -8,7 +8,6 @@ import styles from './webBrowserStyles';
import { BasicHeader } from '../../../components'; import { BasicHeader } from '../../../components';
import EStyleSheet from 'react-native-extended-stylesheet'; import EStyleSheet from 'react-native-extended-stylesheet';
import { useIntl } from 'react-intl'; import { useIntl } from 'react-intl';
import { WebViewError, WebViewErrorEvent } from 'react-native-webview/lib/WebViewTypes';
export interface WebBrowserParams { export interface WebBrowserParams {
url: string; url: string;
@ -47,7 +46,7 @@ const WebBrowser = ({ navigation, route }: Props) => {
const _onError = () => { const _onError = () => {
Alert.alert( Alert.alert(
intl.formatMessage({id:'alert.fail'}), intl.formatMessage({ id: 'alert.fail' }),
) )
} }
@ -75,7 +74,7 @@ const WebBrowser = ({ navigation, route }: Props) => {
/> />
{isLoading && ( {isLoading && (
<ActivityIndicator <ActivityIndicator
style={{ position: "absolute", top:16, left:0, right:0, alignItems:'center' }} style={styles.loading}
color={EStyleSheet.value('$primaryDarkGray')} color={EStyleSheet.value('$primaryDarkGray')}
size="large" size="large"
/> />

18
src/screens/webBrowser/screen/webBrowserStyles.ts
View File

@ -3,17 +3,17 @@ import EStyleSheet from 'react-native-extended-stylesheet';
export default EStyleSheet.create({ export default EStyleSheet.create({
container: { container: {
flex: 1, flex: 1,
backgroundColor:'$primaryBackgroundColor' backgroundColor: '$primaryBackgroundColor'
}, },
webView: { webView: {
flex:1, flex: 1,
width:'100%' width: '100%'
}, },
loading: { loading: {
position: "absolute", position: "absolute",
top:16, top: 16,
left:0, left: 0,
right:0, right: 0,
alignItems:'center' alignItems: 'center'
} }
}); });