import mineIcon from "../assets/image/icon/mine.png";
import mineDarkIcon from "../assets/image/icon/mine_dark.png";
import orderListIcon from "../assets/image/icon/order_list.png";
import orderListDarkIcon from "../assets/image/icon/order_list_dark.png";

 <div style={this.state.fullScreen ? { position: "fixed", height: "100%", width: "100%", top: 0 } : { height: 400 }}>
            <TabBar
                unselectedTintColor="-sharp949494"
                tintColor="-sharp33A3F4"
                barTintColor="white"
                hidden={this.state.hidden}
            >
                <TabBar.Item
                    title=""
                    key="DeliverTabBar"
                    icon={orderListDarkIcon}
                    selectedIcon={orderListIcon}
                    selected={this.state.selectedTab === "DeliverTab"}
                    onPress={() => {
                        this.setState({
                            selectedTab: "DeliverTab",
                        });
                    }}
                    data-seed="logId"
                >
                    <OrderDetailPage/>
                </TabBar.Item>
                <TabBar.Item
                    icon={mineDarkIcon}
                    selectedIcon={mineIcon}
                    title=""
                    key="Mine"
                    selected={this.state.selectedTab === "MineTab"}
                    onPress={() => {
                        this.setState({
                            selectedTab: "MineTab",
                        });
                    }}
                    data-seed="logId1"
                >
                    <UserProfilePage/>
                </TabBar.Item>
            </TabBar>
            <image src={mineDarkIcon}></image>
        </div>
        

Why doesn"t the picture show?
guys, take a look at