Indicator not aligned with text in createMaterialTopTabNavigator
まだ誰も着手していません。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 38/100
- issue の種類
- バグ
- 明瞭さ
- おおむね明確
- 活発さ
- 停滞
- 技術スタック
- javascript, react, react-native
- 領域
- mobile
調査の方向性
まず、issue に示されている動的なカテゴリと Tab.Navigator の設定を使用して、createMaterialTopTabNavigator で報告されたインジケーターの位置合わせの問題を再現します。1 番目、2 番目、およびそれ以降のスクロール可能なタブを比較し、各タブのテキストに対してインジケーターが一貫して位置合わせされれば issue は完了したものとします。
索引モデルが issue の本文から書いたものです。
説明
I am trying to implement the top tab with scrollable tabs which are dynamic in number.
Following is my code:
<View style={{flex: 1}}>
{categories.length > 0 && (
<Tab.Navigator
lazy
tabBarOptions={{
labelStyle: {
fontSize: 13,
fontFamily: gothamMedium,
textTransform: 'none',
alignSelf: 'center',
textAlign: 'center',
},
indicatorStyle: {
backgroundColor: colors.AQUAMARINE,
height: 4,
},
activeTintColor: colors.GREYISH_BROWN,
inactiveTintColor: colors.WARM_GREY,
scrollEnabled: true,
}}>
{categories.map(category => (
<Tab.Screen
options={{
title: category.title,
}}
name={category.title}
component={() => <TabList tabData={category} />}
/>
))}
</Tab.Navigator>
)} </View>
Which works fine for the first tab:
And here is how second tab looks like:
And it gets worse scrolled to 3rd and beyond
- 主要言語
- JavaScript
- スター
- 324
- フォーク
- 2k
- PR マージ指標
- 30日以内にマージされた PR はありません
コントリビューションガイド
このリポジトリのコントリビューションガイドは索引されていません
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
react-navigation/react-navigation.github.io のほかの issue
-
難易度 1/5 1時間未満 初心者へのやさしさ 94/100
react-navigation/react-navigation.github.io#1516 · コメント 1 件 ·
-
難易度 1/5 1時間未満 初心者へのやさしさ 90/100
-
難易度 1/5 1時間未満 初心者へのやさしさ 72/100
-
難易度 1/5 1〜3時間 初心者へのやさしさ 68/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
react-navigation/react-navigation.github.io の issue をすべて見る
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 65/100
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
docToolchain/docToolchain#1705 ·
-
Timezone select lists one option per character; duplicate "Failed" reason; shared tracker popover id オープンbug
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
nightscout/nocturne#1414 ·
-
bug v2
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
modelcontextprotocol/inspector#2458 · コメント 1 件 ·
-
Mend: dependency security vulnerability status: needs triage 🕵️♀️
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
carbon-design-system/ibm-products#9907 ·