react-native-scrollable-tab-view 的用法

解决在Android中子页面不展示的问题

import { Dimensions, Platform, PixelRatio, StatusBar } from 'react-native';
import ScrollableTabView from 'react-native-scrollable-tab-view';
let ScreenWidth = Dimensions.get('window').width
let ScreenHeight = Dimensions.get('window').height

<ScrollableTabView style={{paddingBottom:10,backgroundColor:'transparent',width:ScreenWidth,height:ScreenHeight}}
                            tabBarActiveTextColor='#3F81EA'
                            tabBarInactiveTextColor='#777777'
                            tabBarTextStyle={{fontSize:16}}
                            scrollWithoutAnimation={true}
                            locked={false}     //可拖动
                            tabBarPosition='top'
                            // ScrollableTabBar={{color:'#F5F5F5'}}
                            // prerenderingSiblingsNumber={2}
                            tabBarUnderlineStyle={styles.TabView}
                            tabBarBackgroundColor='#F5F5F5'
                            >
                            <ScrollView tabLabel={this.mineremainingTab} style={styles.textStyle}>
                                {remainingList.map((item,index)=>{
                                    return <View key={index} style={styles.remainingList}>
                                        <View>
                                            <Text style={styles.item_title}>{item.title}</Text>
                                            <View style={styles.remaining_ctime}>
                                                <Text style={styles.remaining_Item}>{Foundation.convertUTCTimeToLocalTime(item.ctime)}</Text>
                                            </View>
                                        </View>
                                        {item.amount>0?<Text style={styles.item_amount}>{'+'+item.amount}元</Text>:
                                            <Text style={{color:'#15A245',fontSize:16}}>{item.amount}元</Text>}
                                    </View>
                                })}
                            </ScrollView>
                            <ScrollView tabLabel={this.mineincomeTab} style={styles.textStyle}>
                                {incomeList.map((item,index)=>{
                                    return <View key={index} style={styles.incomeList}>
                                        <View style={styles.incomeList_item}>
                                            <Text style={styles.item_title}>{item.title}</Text>
                                            <Text style={styles.item_amount}>{item.amountPrefix}{item.amount}元</Text>
                                        </View>
                                        <View style={styles.incomeList_utime}>
                                            <View style={styles.incomeList_Ttemu}>
                                                <Text style={styles.remaining_Item}>{Foundation.convertUTCTimeToLocalTime(item.utime)}</Text>
                                            </View>
                                            <Text style={styles.remaining_Item}>{item.statusDesc}</Text>
                                            {/* <Text style={styles.remaining_Item}>{item.isState==0?this.mineisStateOne:item.isState==1?this.mineisStateTwo:item.isState==2?this.mineisStateThree:item.isState==3?this.mineisStateFour:item.isState==4?this.mineisStateFive:null}</Text> */}
                                        </View>
                                    </View>
                                })}
                            </ScrollView>
                        </ScrollableTabView>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容