开发者社区> 问答> 正文

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 2108 0
0 条回答
写回答
取消 提交回答
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载