时间戳

首页 > 解决方案 > 如何在颤振中使用opengl

flutter - 如何在颤振中使用opengl

问题描述

Flutter 1.12 发布时支持 ffi，我们可以绑定原生 C/C++ lib 并用于 Flutter，我搜索并发现了一些用于 dart 的 opengl 绑定，我对 Flutter 不太了解，我的问题是：我们可以绑定 opengl 以使用为android和ios使用flutter，如果可以的话，如何使用opengl画布创建小部件，如android的glsurfaceview。

标签： flutterdartopengl

解决方案

添加这个包

dependencies:
  flgl: ^0.0.6

import 'package:flgl_example/examples/geometries/flutter3d_box.dart';
import 'package:flgl_example/examples/geometries/flutter3d_cone.dart';
import 'package:flgl_example/examples/geometries/flutter3d_cylinder.dart';
import 'package:flgl_example/examples/geometries/flutter3d_triangle.dart';
import 'package:flgl_example/examples/textures/flutter3d_assets_texture.dart';
import 'package:flgl_example/examples/edge_geometry/flutter3d_box_edges_example.dart';
import 'package:flgl_example/examples/flutter3d_examples.dart';
import 'package:flgl_example/examples/geometries/flutter3d_multiple_geometries.dart';
import 'package:flgl_example/examples/geometries/flutter3d_plane.dart';
import 'package:flgl_example/examples/textures/flutter3d_plane_with_texture.dart';
import 'package:flgl_example/examples/geometries/flutter3d_sphere.dart';
import 'package:flutter/material.dart';
import 'package:flgl_example/home.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'Named Routes Demo',
      initialRoute: '/',
      routes: {
        '/': (context) => const Home(),

        // flutter3D examples
        '/flutter3d_examples': (context) => const Flutter3DExamples(),
        '/flutter3d_examples/triangle': (context) => const Flutter3DTriangle(),
        '/flutter3d_examples/plane': (context) => const Flutter3DPlane(),
        '/flutter3d_examples/box': (context) => const Flutter3DBox(),
        '/flutter3d_examples/sphere': (context) => const Flutter3DSphere(),
        '/flutter3d_examples/cone': (context) => const Flutter3DCone(),
        '/flutter3d_examples/cylinder': (context) => const Flutter3DCylinder(),
        '/flutter3d_examples/multiple_geometries': (context) => const Flutter3DMultipleGeometries(),
        '/flutter3d_examples/plane_geometry_with_texture': (context) => const Flutter3DPlaneWithTexture(),
        '/flutter3d_examples/plane_assets_texture': (context) => const Flutter3DAssetsTexture(),
        '/flutter3d_examples/box_edges_example': (context) => const Flutter3DBoxEdgesExample(),
      },
    );
  }
}

推荐阅读