search

PedroBern / react-native-collapsible-tab-view

A cross-platform Collapsible Tab View component for React Native
MIT License
830 stars 161 forks source link

Why labelstyle not available as prop ? #196

Open databasemanager0 opened 2 years ago

databasemanager0 commented 2 years ago

Hello,

why is labelstyle not working/available ?

` import React, { memo, useMemo, useCallback, useState, useEffect } from 'react'; import { StyleSheet, Text, View, TouchableOpacity, Dimensions, ScrollView } from 'react-native'; import { RecyclerListView, LayoutProvider, DataProvider } from 'recyclerlistview'; import Header from './Header'; import PropTypes from 'prop-types'; import faker from 'faker'; import { datas } from '../../utils'; import { Tabs } from 'react-native-collapsible-tab-view';

const HEIGHT = 250;

const Main = () => {

const Header = useCallback(() => ( <View style={{flex: 1}}>

</View>

), []);

const renderItem = useCallback(({ item }) => { return (

Hello 
)

}, [datas]);

const [currentIndex, setCurrentIndex] = useState(0);

const RenderTabBar = props => { console.log(JSON.stringify(props)); console.log(JSON.stringify(props.tabNames)); return props.tabNames.map(el => { return {el} }) };

return ( <Tabs.Container containerStyle={{flex: 1, paddingBottom: 60}} renderHeader={Header} headerHeight={HEIGHT}> <Tabs.Tab style={{flex: 1}} name="s" label="s"> <Tabs.FlatList data={datas} renderItem={renderItem} keyExtractor={item => Math.random(100).toString()} /> </Tabs.Tab>

<Tabs.Tab label="Kollektionen" name="Kollektionen" labelStyle={{fontFamily: 'montserrat-regular', color: 'red', fontSize: 24}}>
  <Tabs.ScrollView>
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
  </Tabs.ScrollView>
</Tabs.Tab>

<Tabs.Tab name="Dsaas" label="Dsaas">
<Tabs.ScrollView>
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
    <View style={[styles.box, styles.boxA]} />
    <View style={[styles.box, styles.boxB]} />
</Tabs.ScrollView>
</Tabs.Tab>

</Tabs.Container> ) };

`