开发者社区 问答 正文

tabbar 属性iconBar为false时,出现多余空白行,有图有真相

screenshot

<Tabbar
                asContainer={false}
                iconBar={true}
                asFramework={true}
                itemStyle={{borderStyle:'solid',borderBottomWidth:"1rem",borderColor:PUBLIC.BORDER_COLOR}}
                activeKey={this.state.key}
                navTop={true}
                >
                <Tabbar.Item
                    title={this.state.onSaleNum}
                    tabKey="csz"
                    >
                    <ItemList has_check={this.props.has_check} order_status="出售中" ref="list" index={this}></ItemList>
                </Tabbar.Item>
                <Tabbar.Item
                    title={this.state.showCaseNum}
                    tabKey="ccz"
                    >
                    <ItemList has_check={this.props.has_check} order_status="橱窗中" ref="list" index={this}></ItemList>
                </Tabbar.Item>
                <Tabbar.Item
                    title={this.state.inventoryNum}
                    tabKey="ckz"
                    >
                    <ItemList has_check={this.props.has_check} order_status="仓库中" ref="list" index={this}></ItemList>
                </Tabbar.Item>
                <Tabbar.Item
                    title={this.state.soldOutNum}
                    tabKey="ysw"
                    >
                    <ItemList has_check={this.props.has_check} order_status="已售完" ref="list" index={this}></ItemList>
                </Tabbar.Item>
            </Tabbar>

screenshot

<Tabbar
                asContainer={false}
                asFramework={true}
                itemStyle={{borderStyle:'solid',borderBottomWidth:"1rem",borderColor:PUBLIC.BORDER_COLOR}}
                customChange="changeTo"
                customFocus="getFocus"
                activeKey={this.state.key}
                navTop={true}
                >
                <Tabbar.Item
                    title={this.state.onSaleNum}
                    tabKey="csz"
                    >
                    <ItemList has_check={this.props.has_check} order_status="出售中" ref="list" index={this}></ItemList>
                </Tabbar.Item>
                <Tabbar.Item
                    title={this.state.showCaseNum}
                    tabKey="ccz"
                    >
                    <ItemList has_check={this.props.has_check} order_status="橱窗中" ref="list" index={this}></ItemList>
                </Tabbar.Item>
                <Tabbar.Item
                    title={this.state.inventoryNum}
                    tabKey="ckz"
                    >
                    <ItemList has_check={this.props.has_check} order_status="仓库中" ref="list" index={this}></ItemList>
                </Tabbar.Item>
                <Tabbar.Item
                    title={this.state.soldOutNum}
                    tabKey="ysw"
                    >
                    <ItemList has_check={this.props.has_check} order_status="已售完" ref="list" index={this}></ItemList>
                </Tabbar.Item>
            </Tabbar>

展开
收起
我叫石头 2017-03-03 16:06:24 2151 分享
分享
版权
举报
0 条回答
写回答
取消 提交回答
问答地址:
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等