<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                合規國際互聯網加速 OSASE為企業客戶提供高速穩定SD-WAN國際加速解決方案。 廣告
                # 抖音樣式的底部導航欄 默認情況下底部導航欄的樣子為: ![](https://img.kancloud.cn/f2/ba/f2ba8da9a61826b7c907d6c659f86560_646x98.png) 我們要實現抖音的樣子: ![](https://img.kancloud.cn/2c/dd/2cdd274f0667347eb5b43a3dcb0ce228_722x122.png) 實現思路有兩個: 1. 可以完全自定義 2. 在原來的基礎上修改樣式 ## 實現基本樣式 可以通過配置實現基本的樣式: ![](https://img.kancloud.cn/83/89/8389746457bb5fd6a52331bd627f052d_2216x1576.png) ## 實現中間的按鈕 實現思路:制作一個按鈕,使用定位技術,定位到中間。 ![](https://img.kancloud.cn/4c/53/4c53c1df4ff401224fd3d35a02233ec3_2196x1704.png) ## 按鈕平均分布 因為底部有四個按鈕,所以中間放一個+號按鈕時,按鈕不平均, 解決辦法:底部導航欄 中再添加一個按鈕,讓它是五個按鈕,這樣就平均了 ![](https://img.kancloud.cn/71/4c/714c31a8ea007cfda82c6b676b65d122_2214x1576.png) 缺點:1. 底部導航欄中多出了一個沒有用的按鈕 2. 點擊+號旁邊時有可能點擊到底下的按鈕 # 實現錄像功能 點擊 + 號時可以實現錄像、拍照功能,這個功能可以通過 `react-native-image-crop-picker` 包實現,這個包已經安裝過了,直接使用即可。 1. 引入這個包 ~~~ import ImagePicker from 'react-native-image-crop-picker'; ~~~ 2. 為 + 號添加點擊事件 ![](https://img.kancloud.cn/83/f0/83f0e23e00e7a7ba1d897661bd795637_874x520.png)
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看