soopulae_tex 0.1.3

soopulae_tex: ^0.1.3 copied to clipboard

example/lib/main.dart

import "package:flutter/material.dart";
import 'package:soopulae_tex/soopulae_tex.dart';

void main() {
  runApp(const MaterialApp(home: MyApp()));
}

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

  final String content1 = r"""모눈종이에 색칠한 칸의 수와 색칠하지 않은 칸 수를 비로 나타낼 때, 빈칸에 알맞은 수를 쓰세요.<br><br> $$\rightarrow 8 : $$<div style="border: 1px solid blue;border-radius: 10px;display: inline;padding: 2px 6px;">
  2
  </div><br><br><img src="https://cdn.mathpix.com/snip/images/dYJKxz1X0wgTHCzi1L7Vhnvhb8YrduqRy9cwnZSn5wY.original.fullsize.png" />""";
  final String content2 = r"""다음은 대분수 `$$\textcolor{#0000FF}{1\frac{3}{5}}$$`를 가분수로 나타낸것입니다. 빈칸에 알맞은 수를 입력하세요.<br>
`$$1\frac{3}{5}=\frac{\blacksquare}{5}$$`""";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Container(
          width: 600,
          decoration: BoxDecoration(
            border: Border.all(
              color: Colors.black,
              width: 2,
            ),
          ),
          child: SoopulaeTexView(
            isCenter: true,
            tex: content2,
          ),
        ),
      ),
    );
  }
}