我必须在我的项目中创建桌面/移动开关，但是我没有意识到如何使用React组件来实现它。下面是他们的中的一个例子
var MediaQuery = require('react-responsive');
var A = React.createClass({
render: function(){
return (
<div>
<div>Device Test!</div>
<MediaQuery minDeviceWidth={1224}>
<d
浏览 2提问于2017-04-18得票数 2
回答已采纳
我有一个用来表示进程的小部件，它是like this的 我需要能够把一个名字放在气泡下面，但是当我这样做的时候： Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
decoration: BoxDecoration(
shape: BoxShape.circle,
浏览 8提问于2021-10-23得票数 0
回答已采纳
2回答
嗨，我只是试着用MediaQuery.of(context).size.height来提高身高，但是得到了FlutterError (No MediaQuery widget ancestor found. MyApp widgets require a MediaQuery widget ancestor. The specific widget that could not find a MediaQuery ancestor was: MyApp The ownership chain for the affected widget is: "MyApp ← [root]"
浏览 28提问于2022-01-13得票数 1
回答已采纳
3回答
我有两个容器，我需要一个容器从中间到底部，另一个从中间到顶部，所以它会在两个容器之间创建一个圆圈，所以我可以在这里添加文本。有谁能告诉我这是怎么可能的 body: Container(
child: Column(
children: <Widget>[
SizedBox(height: (MediaQuery.of(context).size.height -
appBar.preferredSize.height - MediaQuery.of(context).padding.top) *
浏览 12提问于2020-04-22得票数 0
回答已采纳
Main
final query = MediaQuery.of(context);
return MediaQuery(
data: query.copyWith(textScaleFactor: 1.4),
child: MaterialApp(
title: "Flutter Demo",
initialRoute: '/loginPage',
)
);
══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════
浏览 8提问于2021-10-12得票数 2
回答已采纳
下面是代码，它并没有按照预期的方式工作。 @override
Widget build(BuildContext context) {
MediaQueryData mediaQuery = MediaQuery.of(context);
print("old = ${mediaQuery.invertColors}"); // shows false (OK)
mediaQuery.copyWith(invertColors: true); // changing the value
print("new = ${mediaQuery.invert
浏览 18提问于2019-05-24得票数 0
我在一个帐户的IconButton属性中有一个UserAccountsDrawerHeader，如下所示。问题是，onPresed行为不能工作90/100次。我试着把按钮改成高架按钮，所以没什么改变。这很奇怪，因为它在某个特定的像素上工作。这是肚脐条形码。它是一个状态小部件
@override
Widget build(BuildContext context) {
return Container(
color: Colors.white,
width: MediaQuery.of(context).size.width,
chil
浏览 3提问于2021-06-11得票数 0
回答已采纳
如何在MediaQuery之上访问MaterialApp信息？
我需要设备的高度和宽度信息。
代码：
final height = MediaQuery.of(context).size.height; // I WANT TO REACH THIS !!!
final width = MediaQuery.of(context).size.width; // I WANT TO REACH THIS !!! IN HERE
return MaterialApp(
theme: ThemeData(
primarySw
浏览 4提问于2022-01-03得票数 0
当我试图从MediaQuery.of() called with a context that does not contain a MediaQuery.访问MediaQuery时，我得到了MaterialApp
return new MaterialApp(
title: 'Flutter Demo',
theme: getTheme(MediaQuery.of(context)),
home: new Container(),
);
浏览 0提问于2018-04-18得票数 3
回答已采纳
我希望当用户想要输入一些东西时，键盘应该向上推屏幕而不是制造错误，我不希望键盘通过将"resizeToAvoidBottomPadding“设置为true来覆盖屏幕，这是大多数人建议的，但它覆盖了所有东西而不是向上推屏幕，这是我的代码，
下面是我的代码
Container(),
content == 'livechat'
? Container(
child: Column(
mainAxisAlign
浏览 0提问于2021-04-16得票数 0
我目前正在开发一个应用程序，我需要以循环方式显示选项列表。就像左轮手枪?/轮子？我甚至不知道怎么用词来定义它。
作为参考，我想要Glovo这样的东西：
我自己尝试了一些东西，但是它很混乱，不适合每个设备的纵横比。这是密码
/* HomeBubbleItem is just a Container with BoxShape.circle and Text */
Widget _buildExperiencesSection() {
return Center(
child: Stack(
children: <Widget>[
浏览 0提问于2018-10-17得票数 2
回答已采纳
1回答
如何快速管理内存？
、、、
我已经将iPod库导入到mediaQuery变量。
var mediaQuery = MPMediaQuery!
在进行查询后，将加载库。
override func didReceiveMemoryWarning() {
super.didReceiveMemoryWaring()
mediaQuery = nil }
mediaQuery到0使它使用更少的内存？
浏览 2提问于2015-10-29得票数 0
回答已采纳
我在颤振中使用GridView.builder制作了一个网格视图。我将crossAxisSpacing和mainAxisSpacing设为0。不过，我的项目之间和网格视图的正面有很大的差距。检查图像，以获得有关空间的确切概念。
图1 ->
图2->
这是我的密码-
import 'dart:convert';
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:fl
浏览 6提问于2021-10-04得票数 0
当我尝试在我的应用程序中使用MediaQuery时，收到以下错误：
“使用不包含MediaQuery的上下文调用MediaQuery.of()”
我做了一些研究，我读到的所有东西都说，如果我使用MaterialApp或WidgetsApp，我应该可以访问MediaQuery。
但是，我在使用MediaQuery的位置使用MaterialApp作为父小部件。所以我不明白为什么我不能在我正在使用的上下文中访问MediaQuery ...？？
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
Lis
浏览 6提问于2020-04-14得票数 1
所以..。我得到了这样的异常:在不包含MediaQuery的上下文中调用MediaQuery.of。
代码：
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
double topPadding = getRelativeTopPadding(context);
return MaterialApp(
home: Scaffold(
body: Stack(
浏览 8提问于2019-10-21得票数 0
回答已采纳
1回答
我有一个实时聊天屏幕，我正在工作，我得到的结果是在下面的两个图像中 BEFORE i click the textfield AFTER i click the textfield 我已经尝试了许多不同的解决方案，但没有好的结果，包括添加"resizeToAvoidBottomInset: true“到我的脚手架，我需要用户能够看到文本字段和键盘在同一时间，就像一个正常的聊天，我相信UI自己调整大小或什么，我不知道我在哪里出错了，我的完整代码在下面供审查 import 'package:flutter/material.dart';
import 'packa
浏览 11提问于2021-03-31得票数 0
2回答
正如您所看到的，底部小部件上有两个不同的位置，但是它有相同的代码。我试着使用MediaQuery，但是结果将保持不变。
SafeArea(
child: Form(
key: formKey,
child: ListView(
children: [
SizedBox(
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.hei
浏览 3提问于2022-04-05得票数 0
回答已采纳
我发现了那个巨大的包裹“角形/角形-挠曲”，一开始一切都很好。然后，我注意到默认断点与Bootstrap4的断点不同。但没问题:自定义断点。
但是这里有一个问题:因为定义的断点被忽略了，我找不到解决方案。此外，文档也有点混乱。有时，我看到从BREAKPOINT和下一次BREAKPOINTS导入的导入。现在什么是正确的？
但这不是战斗。我们的斗争是让代码运行，我希望有人能帮助我。我在我的项目中使用了角9。
断点定义为:自定义断点.in
import { BREAKPOINT } from '@angular/flex-layout';
export const BS4_BREA
浏览 2提问于2020-05-07得票数 3
我在页面view.builder中获取数据的长度，然后生成一个所有值都为false的列表(quantity =数据长度)：
List<bool> isLockedList = List.generate(dataLength, (index) => false);
在GestureDetector上，在onTap上，我有：
onTap: () {
setState(() {
浏览 4提问于2022-01-27得票数 0
回答已采纳
在这个小部件中，有对setState的调用，但是它给了我错误，因为这是一个全局小部件，我只是传递所需的数据，我也想传递状态，这样它就可以访问setState方法，如何实现呢？提前谢谢..。
Widget postWidget(Map<dynamic,dynamic> homeMap,index,context){
return Padding(
padding: EdgeInsets.all(MediaQuery.of(context).size.width * 0.02),
child: Card(
elevation:
浏览 1提问于2020-07-29得票数 0
回答已采纳
新来的颤音。这是我的密码。有人能说出我哪里错了吗？另外，我不希望TextField在键盘出现时被隐藏。除了使用KeyboardAvoider之外，还有其他方法可以这样做吗？
return Scaffold(
resizetoavoidbottomInsets: true,
body: SafeArea(
child: Stack(
children: <Widget>[
Container(height: MediaQuery.of(context).size.height),
Ima
浏览 2提问于2020-04-22得票数 0
回答已采纳
我有一个名为‘newstHome’的页面，所以这是一个我从api接收到的家庭列表的页面，它将在这里列出。因此，对于每个家庭，我都会声明一个最喜欢的按钮。因此，当我想点击我最喜欢的按钮时，保存我的主页id，不需要导航就可以保存它并将其传递到另一个页面。下面是我的代码：
return GridView.builder(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 1, childAspectRatio: 3 / 1.5),
itemCount: widg
浏览 4提问于2021-05-26得票数 0
我正在尝试创建一个FlexContainer，它可以接受任何数量的媒体查询，并将一些道具附加到每个媒体查询。
这是我想要使用它的方式：
<FlexContainerExperimental mediaQueries={[{minWidth: props.theme.minWidthMediumDevice, direction: 'column'}]}>
{textPosts}
</FlexContainerExperimental>
这就是我实现FlexContainerExperimental的方式
interface FlexContain
浏览 1提问于2018-11-12得票数 0
这里，我试图在道具上循环以呈现用于多个媒体查询的css规则。
使用
<FlexContainerExperimental
direction="column"
mediaQueries={[
{mediaQueryMinWidth: props.theme.minWidthLargeDevice, direction: 'row'},
{mediaQueryMinWidth: props.theme.minWidthMediumDevice, direction: 'row', itemsPe
浏览 1提问于2018-11-13得票数 0
当窗口调整大小并命中某个大小时，我试图运行一个函数。以下内容运作得很好：
var mediaQuery = window.matchMedia("(max-width: 480px)")
mobileSlider(mediaQuery) // Call listener function at run time
mediaQuery.addListener(mobileSlider) // Attach listener function on state changes
然而，我收到了一个警告，addListener是不受欢迎的，所以我试图改变它，但没有成功。我试过以下几种方
浏览 4提问于2022-08-06得票数 1
回答已采纳
2回答
你好，我正试图在颤振中实现这个UI。
预期输出
输出现在正在获得的
如何在LTE和ZTL之前做出这条曲线。当使用定位小部件以外的堆栈时，如何在颤振中定位小部件？
我到目前为止所做的事情的代码。
import 'package:flutter/material.dart';
class NavHome extends StatelessWidget {
const NavHome({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
浏览 5提问于2021-09-17得票数 0
1回答
我已经创建了一个名为tags的模型类，但不能在GridView中使用它，最好的方法是从每个标签的标签变量下面创建一个Conatiner，并将这些容器放在网格视图中。我的标记类看起来像这样， import 'package:flutter/material.dart';
class Tag {
final String tag;
final Color color;
final String desc;
final String title;
Tag(
{required this.color,
required this.tit
浏览 22提问于2021-09-19得票数 0
回答已采纳
我有两个垂直列表，一个在左边，另一个在右边，我们称它们为“选定列表”和“未选定列表”。我希望未选中列表中的项目从屏幕的左侧动画到右侧，并添加到选中列表中。其他项目应填充未选中列表中的空白空间，而已选列表中的项目应为新项目释放空间。Here's the Ui 我的代码： class AddToFave extends StatefulWidget {
const AddToFave({Key? key}) : super(key: key);
@override
_AddToFaveState createState() => _AddToFaveState();
浏览 10提问于2021-10-03得票数 6
回答已采纳
我正在遍历一个包含多个元素的对象，每个元素都包含多个媒体查询。
在循环中，我动态地调用enquire.js .register()来对比赛执行一些操作。这最初是有效的，但是在循环之外，并且在调整浏览器的大小时，匹配不再有效，因为循环中使用的变量已经从循环增加到它们的最高值。
这可能更容易用代码来解释！
下面是images对象：
var images = [
{
"selector":"[data-id=\"0\"]",
"breakpoints":[
{
&#
浏览 18提问于2014-02-02得票数 1
1回答
如何在发送消息时滚动聊天屏幕
、、、、
我有一个聊天屏幕，我想发送消息，在发送消息时，列表视图应该向下滚动到它发送的最后一条消息的底部。请帮帮我 这是身体 body: WillPopScope(
onWillPop: pressBack,
child: Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: <Widget>[
SizedBox(
浏览 24提问于2020-08-14得票数 0
下面的代码引发异常：
I/flutter (23313)：使用不包含MyApp的上下文调用I/flutter (23313)：MediaQuery.of()时抛出了以下断言:构建MediaQuery(脏)。I/颤振(23313)：从传递给MediaQuery.of()的上下文开始，找不到MediaQuery.of祖先。I/flutter (23313)：这可能是因为您没有WidgetsApp或MaterialApp小部件(这些小部件引入了I/flutter (23313)：MediaQuery)，或者如果您使用的上下文来自这些小部件之上的小部件，则可能会发生这种情况。
我不知道引发错误的原因是
浏览 3提问于2020-06-03得票数 0
回答已采纳
如果用户在平板设备上，我需要在整个应用程序中更改文本高度。最简单的方法是在TextStyle中设置TextTheme时调整MaterialApp高度值。目前，我们通过检查是否是MediaQuery.of(context).size.width > 600来确定用户是否在平板电脑上。所以，就像：
textTheme: TextTheme(
body1: TextStyle(
fontFamily: 'roboto',
fontWeight: FontW
浏览 6提问于2019-09-24得票数 0
回答已采纳
开始学习MediaQuery.of(context)，所以我在想是否有可能创建一个返回ThemeData对象的函数，但在这个函数中我想使用Flutter。我的意思是，我知道我可以创建这样一个函数，但是如果我在其中使用MediaQuery.of(context)，我会得到一个错误(MediaQuery.of() called with a context that does not contain a MediaQuery)，抱怨缺少MediaQueryProvider。我知道我可以在MaterialApp的子元素中使用MediaQuery，但我现在有一个设计问题。想象一下：
ThemeData
浏览 0提问于2020-09-03得票数 2
我想在垂直滚动的pageView中使用pageview，问题是滚动冲突和页面查看停止滚动，只有SingleChildScrollView开始滚动。我需要把注册表格移到键盘上方。
蓝色方格是为了显示我想用SingleChildScrollView移动的东西
这是主页：
return Scaffold(
resizeToAvoidBottomInset: false,
body: PageView(
controller: loginScreenPageController,
scrollDirection: Axis.vertica
浏览 17提问于2022-02-14得票数 0
回答已采纳
1回答
如何创建堆叠式波浪容器
、、、
我想用这个波浪和同样的曲线来实现这个屏幕，我试图把多个容器堆在一起来得到这个形状，但是我做不到，屏幕的顶部将是图像的滑块
这是我用来画这个屏幕的代码
Scaffold(
body: Container(
width: MediaQuery.of(context).size.width,
height: MediaQuery.of(context).size.height,
decoration: BoxDecoration(
gradient: LinearGradient(
en
浏览 2提问于2021-07-08得票数 0
回答已采纳
我想创建一个响应式的导航，但是当我调整窗口大小时不运行我的代码，我使用的是de function matchMedia // Hamburguer 设mediaQuery = window.matchMedia('(max-width: 800px)')； 让hamburgerToggle = (mediaQuery) => { if (mediaQuery.matches) {
let navItems = document.querySelector('.nav_items');
let nav = document.querySel
浏览 12提问于2021-07-15得票数 0
2回答
我目前正在为我的应用程序构建一个验证代码屏幕，并使用带有一些定位()小部件的堆栈，因为验证代码表单也应该被很好地定位，但是如何使它以水平为中心呢？
我的代码如下：
@override
Widget build(BuildContext context) {
return Scaffold(
body: Container(
child: Stack(
children: [
Image.asset(verificationImage),
Positioned(
浏览 5提问于2021-02-13得票数 3
回答已采纳
background is not set, its display top of the screen ..
background is not set, its display top of the screen ..
没有设置背景，其显示在屏幕顶部。没有设置背景，其显示在屏幕顶部。
下面给出了我的代码，请检查并告诉我哪里出错了.
下面给出了我的代码，请检查并告诉我哪里出错了.下面给出了我的代码，请检查并告诉我哪里出错了.
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBa
浏览 0提问于2018-06-13得票数 1
回答已采纳
1回答
在<MyComponent>组件中，我使用 <MediaQuery>组件来区分呈现移动内容和桌面内容。
export class MyComponent extends React.Component {
//...
render() {
<MediaQuery query="(max-width: 600)">
<div className="inside-mobile">mobile view</div>
</MediaQuery>
浏览 0提问于2018-07-09得票数 2
1回答
所以我正在学习Flutter。到目前为止，构建跨平台应用程序感觉很有趣。我有一个不断冒出来的问题。我怎样才能让我的应用真正“响应式”呢？我试着按照flutter文档上的建议尽可能地使用MediaQuery。有没有人可以看看我的代码，指出导致这个问题的缺陷？ 这是基本的登录页面代码： import 'package:flutter/material.dart';
class MyLoginPage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return (S
浏览 11提问于2021-01-17得票数 0
2回答
我有一个卡片列表，但当我改变卡片的宽度时，它的宽度仍然与父容器相同。我试过用大小的盒子或容器包装listview，card，甚至scrollView，但对我来说都不起作用。 Container(
height: MediaQuery.of(context).size.height * 0.6,
width: MediaQuery.of(context).size.width * 0.8,
decoration: BoxDecoration(
color: kWhiteCol
浏览 11提问于2020-06-19得票数 1
回答已采纳
2回答
我创建了一个自定义的灵活小部件，并将其调用了05次，但是这些框之间太近了，我想在它们之间添加空间，我使用了want小部件，但这是可行的。也使用过间隔，但这也不起作用，当我更改flex值时，标题是text1，就像“无人值守”一样，它会被分割。
这是我定制的灵活代码
Widget customFlexibleWidget(flex, bgcolor, text1, text2, height, width) {
return Flexible(
flex: flex,
child: Container(
decoration: BoxDecoration(
浏览 2提问于2021-11-24得票数 0
回答已采纳
嗨，我正在尝试创建几个TextTheme，并根据本文使用MediaQuery.of(context)更改字体大小：
但是我发现了一个错误：
使用不包含MediaQuery.of的上下文调用MediaQuery()。
我知道基于这篇文章：
我应该在我的HomePage上使用HomePage，但是那样的话我就不能用MediaQuery创建主题了？
这是我的代码：
child:
MaterialApp(
theme: ThemeData(
/// TextFields Handlers transparent
浏览 1提问于2020-07-20得票数 0
回答已采纳
1回答
如何应用onTap()
Container(
height: MediaQuery.of(context).size.height / 6,
child: ListView.builder(
primary: false,
scrollDirection: Axis.horizontal,
shrinkWrap: true,
itemCount: categories == null ? 0 : categories.length,
itemBuilder: (BuildContext context, int index) {
Ma
浏览 0提问于2019-07-06得票数 0
回答已采纳
我正在构建一个flutter应用程序，其中我试图添加一个容器，它是子文本。我希望容器的高度与文本所需的高度相同。取而代之的是指定的高度。
以下是我的代码：
class ChangePassword extends StatefulWidget {
@override
_ChangePasswordState createState() =>
_ChangePasswordState();
}
class _ChangePasswordState extends State<ChangePassword> {
final GlobalKey<Sc
浏览 52提问于2021-03-02得票数 0
我有两个问题。
first:
使用textScaleFactor使文本响应根据设备的字体大小，不是吗？
第二版：
使用textScaleFactor of MediaQuery和使用文本属性的textScaleFactor有什么区别。
MediaQuery代码：
MediaQuery(
child: Text( "I Will Read 10 pages of my book."),
data: MediaQuery.of(context).copyWith(textScaleFactor: 1.5)),
),
文本代码：
Text(
浏览 3提问于2021-09-10得票数 1
回答已采纳
2回答
我想用这个弯曲的凹口实现这个小部件，但是我不能像下面的图片那样从中心用边界半径切割容器。 这是我的目标小部件 ? 在我的代码中是这样的 BottomAppBar(
shape: CircularNotchedRectangle(),
child: Container(
height: MediaQuery.of(context).size.height * .07,
width: MediaQuery.of(context).size.width,
alignment: Alignment.center,
浏览 31提问于2021-07-09得票数 0
我使用Hero组件在两个页面之间创建动画。Hero组件用于包装Image小部件(没有问题)和Container小部件(有问题)。
抛出以下溢出错误：
══╡ EXCEPTION CAUGHT BY RENDERING LIBRARY ╞════════════════════════════════════════
I/flutter ( 4256): The following message was thrown during layout:
I/flutter ( 4256): A RenderFlex overflowed by 104 pixels on the righ
浏览 2提问于2019-06-27得票数 8
我是个新手。我连接到本地a，我收到连接终止错误
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
import 'dart:async';
import 'dart:convert';
class Registration extends StatefulWidget {
const Registration({Key? key}) : super(key: key);
@override
State&l
浏览 8提问于2022-04-05得票数 -1
在我的应用程序中，flutter应用程序在appbar和屏幕主体之间添加了空间。下面是屏幕的图像：
代码如下：
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
appBar: AppBar(
automaticallyImplyLeading: true,
title: Container(
height: MediaQuery.of(context).size.width * 0.13,
浏览 3提问于2021-04-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
