dart/Flutter에서 Firebase 스냅 샷 사전에 SplayTreeMap을 사용하는 방법?

Question

나는 StreamBuilder를 통해 성공적으로 데이터를 가져 왔고이를 정렬해야한다. 키를 사용하여 스냅 샷 데이터의 맵을 정렬하려면 어떻게합니까? 또한 도움이 될 나의 가치를 보여주는 사례를 제시하면. 나는 SplayTreeMap을하고 싶다고 생각하지만, 더 좋은 방법이 있다면 제발. 여기 내 사전은 ...입니다

{Vid2: {imageString: https://i.ytimg.com/vi/Amq-qlqbjYA/mqdefault.jpg, title: BLACKPINK - '마지막처럼 (AS IF IT'S YOUR LAST)' M/V, rank: 2, videoID: Amq-qlqbjYA}, Vid10: {imageString: https://i.ytimg.com/vi/KSH-FVVtTf0/mqdefault.jpg, title: EXO 엑소 'Monster' MV, rank: 10, videoID: KSH-FVVtTf0}, Vid6: {imageString: https://i.ytimg.com/vi/BVwAVbKYYeM/mqdefault.jpg, title: [MV] BTS(방탄소년단) _ DOPE(쩔어), rank: 6, videoID: BVwAVbKYYeM}, Vid3: {imageString: https://i.ytimg.com/vi/m8MfJg68oCs/mqdefault.jpg, title: [MV] BTS(방탄소년단) _ Boy In Luv(상남자), rank: 3, videoID: m8MfJg68oCs}, Vid4: {imageString: https://i.ytimg.com/vi/9pdj4iJD08s/mqdefault.jpg, title: BLACKPINK - '불장난 (PLAYING WITH FIRE)' M/V, rank: 4, videoID: 9pdj4iJD08s}, Vid1: {imageString: https://i.ytimg.com/vi/3s1jaFDrp5M/mqdefault.jpg, title: EPIK HIGH - 'BORN HATER' M/V, rank: 1, videoID: 3s1jaFDrp5M}, Vid8: {imageString: https://i.ytimg.com/vi/3QAcvc4Ysl0/mqdefault.jpg, title: LONNI - LA KPOP 2, rank: 8, videoID: 3QAcvc4Ysl0}, Vid5: {imageString: https://i.ytimg.com/vi/2ips2mM7Zqw/default.jpg, title: BIGBANG - 뱅뱅뱅 (BANG BANG BANG) M/V, rank: 5, videoID: 2ips2mM7Zqw}} 

나도 키로를 표시하고 싶습니다 ... Vid1, Vid2, Vid3 ...

또는 순위 즉 ... Vid1 같은 값을 기준으로

: 순위 "1", Vid2 : 순위 "2", Vid3은 : 소스가지도 인 경우 순위는 "3"...

Answer 1

, 이것은 당신이 원하는 일을해야합니다

final sorted = new SplayTreeMap<String,dynamic>.from(map, (a, b) => a.compareTo(b)); 

DartPad example