flutter UI适配

在lib文件夹下添加一个util.dart文件,在文件中写入如下代码:

///px转化为rpx
double toRpx(BuildContext context,double size) {
  double rpx = MediaQuery.of(context).size.width/750;
  return size * rpx;

使用示例:
在需要使用的文件内
import 'package:flutter_demo/utils/util.dart';
在需要使用的地方套一层toRpx()即可

//toRpx(context,size),这里的size值是以px为单位的
Widget Content(context) {
  return Container(
    width: toRpx(context, 35),
    height: toRpx(context, 35),
    child: Text(
      'example',
      style:TextStyle(
      fontSize:toRpx(context, 20)
      )
    )
  )
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容