React Native
滾動(dòng)視圖 ScrollView
在手機(jī) App 中闲勺,大部分界面的內(nèi)容都沒法同時(shí)展示在屏幕上,因此需要用戶可以滑動(dòng)屏幕。
在 React Native 中挑围,如果在一個(gè) View 元素中加入過多的內(nèi)容抱究,導(dǎo)致一個(gè)屏幕方法下,那用戶就無法看到超出屏幕的部分涎嚼,且 View 元素不支持滑動(dòng)屏幕的操作阱州。
因此需要用一個(gè) ScrollView 組件來包裹內(nèi)容,例如:
<ScrollView>
// 此處放入內(nèi)容
</ScrollView>
ScrollView
這樣法梯,當(dāng)屏幕中的元素超過屏幕范圍時(shí)苔货,就可以通過上下滑動(dòng)屏幕來瀏覽所有的內(nèi)容。
若要屏幕支持橫向滾動(dòng)而不是縱向滾動(dòng)立哑,只需要給 ScrollView 設(shè)置一個(gè) horizontal
屬性即可夜惭。
<ScrollView horizontal>
效果如下:
橫向滾動(dòng)視圖