成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

ReactNative實(shí)現(xiàn)tab標(biāo)簽組合

yanest / 1410人閱讀

摘要:上面部分存在其他組件如何處理默認(rèn)會(huì)置頂頂部同時(shí)生成樣式很丑的標(biāo)簽如何在標(biāo)簽上面部分添加自定義內(nèi)容組件并且改掉默認(rèn)樣式呢可以和互相嵌套使用登錄注冊(cè)去掉安卓默認(rèn)的陰影去掉下劃線去掉下劃線關(guān)鍵標(biāo)簽上部分的組件

createMaterialTopTabNavigator 上面部分存在其他組件如何處理

默認(rèn) createMaterialTopTabNavigator 會(huì)置頂頂部同時(shí)生成樣式很丑的tab標(biāo)簽,如何在tab標(biāo)簽上面部分添加自定義內(nèi)容(組件)并且改掉默認(rèn)樣式呢

MaterialTopTabNavigator 可以和 StackNavigator 互相嵌套使用
export default createStackNavigator(
  {
    Home: {
      screen: createMaterialTopTabNavigator({
        Home: {
          screen: HomeScreen,
          navigationOptions: {
            title: "登錄"
          }
        },
        Settings: {
          screen: SettingsScreen,
          navigationOptions: {
            title: "注冊(cè)"
          }
        }
      }, {
        initialRouteName: "Home",
        lazy: true,
        upperCaseLabel: false,
        tabBarOptions: {
          style: {
            backgroundColor: "#e9e9ef",
            elevation: 0 // 去掉安卓默認(rèn)的陰影
          },
          tabStyle: {
            backgroundColor: "#e9e9ef",
            borderBottomColor: "#3aaff6",
            borderBottomWidth: 1,
          },
          indicatorStyle: {
            height: 0, // 去掉下劃線
            borderBottomWidth: 0 // 去掉下劃線
          },
          labelStyle: {
            fontSize: 14,
            color: "#000"
          },
        },
      }),
      navigationOptions: {
        header: , // 關(guān)鍵: tab標(biāo)簽上部分的組件
      }
    },
  },
  {
    initialRouteName: "Home",
  }
)

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/108627.html

相關(guān)文章

  • ReactNative仿《ONE》APP

    摘要:仿又來了又寫了一個(gè),別急呀,我可沒上次寫的代碼這是用寫的基本界面都已經(jīng)實(shí)現(xiàn),當(dāng)然了,有些地方圖省事搞不定追求速度寫的,就自然會(huì)導(dǎo)致退而求其次的實(shí)現(xiàn)方式代碼結(jié)構(gòu)可能不太規(guī)范清晰可能還有呢我不聽我不聽項(xiàng)目地址我的個(gè)人主頁盡管風(fēng)光無限幾乎對(duì)各大 仿《ONE》APP又來了! 又寫了一個(gè)《ONE》,別急呀,我可沒copy上次寫的代碼~ 這是用ReactNative寫的《ONE》 基本界面都已經(jīng)實(shí)...

    SimonMa 評(píng)論0 收藏0
  • [React Native Android 安利系列]ReactNative中的reactjs基礎(chǔ)

    摘要:個(gè)人感覺這與中的布局文件類似。其中的會(huì)被解析。中的標(biāo)簽,由基礎(chǔ)庫提供。認(rèn)為,我們的程序是一個(gè)狀態(tài)機(jī)。支持我們更改狀態(tài),從而引起視圖的變化。綁定事件是放在中的。事件名稱直接寫為標(biāo)簽的屬性,其值則是對(duì)應(yīng)的事件處理函數(shù)。 這一系列課程說了很多關(guān)于react-native的知識(shí),都是有關(guān)于樣式,底層,環(huán)境等知識(shí)的,現(xiàn)在我們來學(xué)習(xí)一下reactjs的基礎(chǔ)知識(shí)。我們的代碼,我們創(chuàng)建的組件的相關(guān)知識(shí)...

    EddieChan 評(píng)論0 收藏0
  • 下個(gè)時(shí)代的前端研發(fā),效率還能提升。PxCook 3.0,最高效的設(shè)計(jì)研發(fā)利器

    摘要:相比于之前更加高效,易用。同時(shí)也是我們個(gè)種子用戶群呼聲最高的。首先的調(diào)整就是把智能標(biāo)注的圖標(biāo)放在了左側(cè),體現(xiàn)從屬關(guān)系。戲太足的開發(fā)小隊(duì)設(shè)計(jì)的初衷,是在不打擾設(shè)計(jì)師的前提下,提供完整的項(xiàng)目管理與呼聲最高的畫板功能。 這世上哪有什么天才,有的人只是把大家設(shè)計(jì)標(biāo)注、寫前端的時(shí)間拿來喝咖啡,和思考罷了 showImg(https://segmentfault.com/img/bVUhyy?w=...

    marek 評(píng)論0 收藏0
  • 下個(gè)時(shí)代的前端研發(fā),效率還能提升。PxCook 3.0,最高效的設(shè)計(jì)研發(fā)利器

    摘要:相比于之前更加高效,易用。同時(shí)也是我們個(gè)種子用戶群呼聲最高的。首先的調(diào)整就是把智能標(biāo)注的圖標(biāo)放在了左側(cè),體現(xiàn)從屬關(guān)系。戲太足的開發(fā)小隊(duì)設(shè)計(jì)的初衷,是在不打擾設(shè)計(jì)師的前提下,提供完整的項(xiàng)目管理與呼聲最高的畫板功能。 這世上哪有什么天才,有的人只是把大家設(shè)計(jì)標(biāo)注、寫前端的時(shí)間拿來喝咖啡,和思考罷了 showImg(https://segmentfault.com/img/bVUhyy?w=...

    sydMobile 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

yanest

|高級(jí)講師

TA的文章

閱讀更多
最新活動(dòng)
閱讀需要支付1元查看
<