focusNode를 list 형태로 만들어서 똑같이 onTap으로 FocusScope.of(context).requestFocus(focusNodes[index+1]), 이렇게 해줘도 가능하긴 합니당

이번에는 focusNode가 아닌 GlobalKey의 globalKeys[questionIndex + 1].currentContext를 가져와서 스크롤링 처리되게 해보겠습니다😊

⛔️ 시작하기전! 잠깐!

21.04.01 update
cf. https://stackoverflow.com/questions/49153087/flutter-scrolling-to-a-widget-in-listview

다음 서술된 방식은 화면 내에서 보이는 globalKey를 이용해 context를 찾아 포커싱 해주는 작업입니다.

Scrollable.ensureVisible(
      _globalKey.currentContext,
    );

여기서 ListView.builder()나 ListView를 이용하면, 아무리 globalKey가 선언되어있다고 해도 currentContext는 화면에 있지 않으면 렌더링을 하지않아 null로 return이 됩니다, 그러면 포커싱은 자연스럽게 안되겠죠!?

이럴 땐 SingleChildScrollView로 감싼 Column로 진행해주시면 됩니다!

1. GlobalKey를 이용하여 화면 작성

class SkinfoldMCQScreen extends StatelessWidget {
  final globalKeys = <GlobalKey>[];
  ...
  
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
      	...
        Expanded(
          child: SingleChildScrollView(
            child: Column(
              children: _buildQuetsionBoxs(questions),
            ),
          ),
        ),
      ],
    );
    
    ...
    
    List<Widget> _buildQuetsionBoxs(List<Question> questions) {
    final lists = <Widget>[];
    
    for (var i = 0; i < questions.length; i++) {
      final question = questions[i];
      questionGlobalKeys[question.questionId] = GlobalKey();

        lists.add(
          CustomWidgetBox(),
        );
      }
    }
    return lists;
  }
  
   ... 
}
  
class CustomWidgetBox extends StatelessWidget {
  const CustomWidgetBox({
    Key key,
    @required this.questionIndex,
    @required this.globalKeys,
  }) : super(key: key);
  final int questionIndex;
  final List<GlobalKey> globalKeys;
  ...
  
  @override
  Widget build(BuildContext context) {
    return Container(
      key: globalKeys[questionIndex],
      ...
    );
  }
}

2. Scrollable.ensureVisible 이용하여 특정 context 위치로 스크롤링 / 포커싱

Scrollable.ensureVisible(context)를 이용하면 쉽게 해결이 가능합니다 :)

return InkWell(
  onTap: () {
    Scrollable.ensureVisible(
      globalKeys[questionIndex + 1].currentContext,
      duration: Duration(milliseconds: 600),
      curve: Curves.easeInOut,
    );
    print('focus');
	},
	child: ...
)

3. Result