2017-08-16 128 views
0

我正在使用一個Flutter滑塊小部件,在滑塊上點擊/拖動可以移動滑塊的progress/activeColor。但是,似乎只有直接觸摸滑塊會導致事件發生,並且很難始終將手指直接觸摸滑塊。有沒有辦法擴展滑塊的「觸摸區域」? 這是我有:如何增加我的Flutter滑塊小部件的「觸摸區域」?

return new Center(
    child: new Container(
     height: 2.0, 
     child: new Slider(
     min: 0.0, 
     max: 1.0, 
     activeColor: Colors.grey[50], 
     value: _getUnitProgress(model), 
     onChanged: (double value) => _unitSeek(value, model), 
    ), 
    ), 
); 

回答

0

你不想來包裝你滑塊與高度的容器。滑塊有一個_kReactionRadius,它擴展了用戶的觸摸區域。這意味着,用戶不必直接接觸到滑塊的水平線來觸發的onTap():

return Center(
    child: new Slider(
    min: 0.0, 
    max: 1.0, 
    activeColor: Colors.grey[50], 
    value: _getUnitProgress(model), 
    onChanged: (double value) => _unitSeek(value, model), 
), 
);