先承認被這個問題搞了一整天,想要自幹圖表真不容易。
想要做的是圖表在左右滑動時能夠依照內部元件的寬度定格,不會有圖表直條圖被邊界卡一半的情形,例如:
snapToAlignment與snapToInterval兩個ScrollView的props,這兩個必須搭配使用才會生效。
snapToAlignment是ScrollView下的Component的對齊設定,預設為start,以垂直vertical來說就是最上方,以水平horizontal就是最左邊。
snapToInterval則是定格的間隔,其實就是每個間隔的寬度或高度,依照水平或垂直決定。以下面這個範例來說,每個直條寬度是21,外加marginRight的值是2,所以每個格子的寬度總共是21+2=23,因此snapToInterval的值就是23。這樣在滑動之後就會以一個直條圖為單位滑動。如果想要三個直條圖為一格單位,那麼snapToInterval的值就是23*3=69,以此類推。
|
|