小编Nit*_*Sai的帖子

我正在制作一个简单的项目，在 React 中使用 WebRTC 和 typescript。

我正在关注MDN HTMLMediaElement.captureStream()。

const vid: HTMLVideoElement | null = document.querySelector("video");
if (vid) {
   vid.captureStream();
}

.
.
.

<video id="myVid"></video>

但我收到这个错误

Property 'captureStream' does not exist on type 'HTMLVideoElement'.ts(2339)

我什至尝试过，

const vid: HTMLMediaElement | null = document.querySelector("video");

我究竟做错了什么？？

编辑

我试过

const videoCont = useRef<HTMLVideoElement>(null);

var URL = window.URL || window.webkitURL
const fileURL = URL.createObjectURL(e)
if (videoCont.current) {
         videoCont.current.src = fileURL;
         videoCont.current.play = async () => {
              const mediaStream = videoCont.current?.captureStream();
       }
   }

还是同样的错误， …

假设我有一个包含 n 个字符的字符串，但我想将其缩减为仅 10 个字符。（鉴于该字符串始终大于 10 个字符）我不知道字符串的内容。

这样怎么修剪呢？

我知道如何在某个字符后修剪它

String s = "one.two";

//Removes everything after first '.'
String result = s.substring(0, s.indexOf('.'));
print(result);

但是如何在一定数量的字符后删除它？

我有一个这样的文件列表：

['../page-1.png', '../page-3/png', '../page-2.png', '../page-6.png',  ... '../page-9.png']

我需要根据末尾的数字对这些文件进行排序。我正在使用这个：

imagePaths.sort((a, b) =>
        a.toString().toLowerCase().compareTo(b.toString().toLowerCase()));

其中imagePaths是这些图像的路径列表。

问题 此方法工作正常，直到只有一位数字的文件编号，即如果有一个名为 的文件，'../page-10.png'它会像这样排序到列表中：

['../page-1.png', '../page-10.png', '../page-11.png', '../page-12.png', '../page-2.png', ..]

现在，如何按正确的顺序对它们进行排序？

我正在Flutter Bloc一个项目中使用。

这是结构：

      MultiBlocProvider(
          providers: [
            BlocProvider<BlocA>(
              create: (context) {
                return BlocA()
                  ..add(FetchEvent());
              },
            ),
            BlocProvider<BlocC>(
              create: (context) {
                return BlocC()..add(FetchEvent());
              },
            ),
          ],
          child: IndexedStack(
            index: _pageNum,
            children: [
              ChildA(),
              ChildB(),
            ],
          ),
        )

里面ChildB我有 aNavigator.push()到 a ChildC，BlocC正在使用 ( BlocConsumer)，但我收到错误，

Flutter could not find the correct Provider above BlocConsumer<BlocC> Widget

编辑 有一个按钮可以在按下时ChildB导航到。ChildC喜欢，

TextButton( // this code exists inside a scaffold widget
   child: Text("Page C"),
   onPressed: …

我在 Spotify 上听音乐，并开始想知道如何获得“艺术家”页面中显示的精确动画。

它包括条子导航，还包括艺术家图像顶部的文本（也许一个简单的堆栈就可以了）还有一个浮动动作小部件（随机播放），我最喜欢的是，艺术家图像在向上滚动时会放大！我想在 Flutter 上重新创建它。

谁能帮我？