StackNavigator中的ScrollableTabView

时间:2018-12-03 21:16:15

标签: react-native

我是新手,英语不是我的主要语言,请轻柔:) 我有一个可以在ios设备上完美运行的应用程序,但是在android上,我得到的包含ScrollableTabView的页面根本无法显示。我的代码:

import React from 'react'; 
... 
import Bakiye from './Bakiye'; 
... 
const Tabs = TabNavigator 
({ Profil:{ ... }, }, Bakiye:{ ... }, }, Geçmiş:{ ... }, }, Vips:{ ... }, }, Ayarlar:{ ... }, },{ ... }) 
const Stack1 = StackNavigator ({ Login: ... Tabs: ... Sunum: ... }); 
export default class App extends React.Component { 
render() 
{ return ( <Stack1 /> ); 
} 
}

我得到ScrollableTabView的页面是Bakiye,它是代码

`import React, { Component } from 'react';
import { Platform,
StyleSheet,
Text,
View,
SafeAreaView,
Button,
TextInput,
TouchableOpacity,
Image,
Dimensions,
Keyboard } from 'react-native';
import { Tabs } from './App';
import ScrollableTabView from 'react-native-scrollable-tab-view';
import BakiyeBTC from './BakiyeBTC';
import BakiyeTL from './BakiyeTL';

export default class Bakiye extends Component {
render() {
let dfp = this.props.navigation.state.params;
return (
<SafeAreaView style={{ flex:1 , justifyContent: 'center', alignItems: 'center', backgroundColor: '#ffffff' }} >
<ScrollableTabView
style={{marginBottom: 0, backgroundColor: '#ffffff' }}
tabBarUnderlineColor="'#0000ff'"
tabBarBackgroundColor ='#ffffff'
tabBarActiveTextColor="'#0000ff'"
tabBarInactiveTextColor="#0000ff"
>
<BakiyeBTC datab1={dfp.datab1} tabLabel="Bakiye BTC"/>
<BakiyeTL datab2={dfp.datab2} tabLabel="Bakiye TL" />
</ScrollableTabView>
</SafeAreaView>
);
}
}
);
}
}`

我们将不胜感激:)

0 个答案:

没有答案