当键盘处于活动状态时，如何避免背景图像收缩？
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
var backgroundImage = new BoxDecoration(
image: new DecorationImage(
image: new AssetImage('assets/forest.jpg'), fit: BoxFit.cover));
return new MaterialApp(
home: new Scaffold(
body: new Stack(
children: <Widget>[
new Container(
decoration: backgroundImage,
),
new TextField()
],
)));
}
}
共有1个答案
flutter的默认功能是将UI保持在键盘上方，因此如果您设置ResizeToAvidebotominset:false，那么您将失去将UI组件保持在键盘上方的功能
要在应用程序中有一个背景图像，而不是缩小它，更好的方法是这样做
Container(
decoration: BoxDecoration(
color: primaryColor, // background color
image: DecorationImage(image: AssetImage(AppImages.appBg)),// background image above color
),
child: SafeArea(
child: Scaffold(
backgroundColor: Colors.transparent, //**IMPORTANT**
body: //All Ui code here//),
),
设置脚手架backgroundcolor：colors.transparent是必要的，否则，您将无法看到您的背景图像
-
我还没有找到任何方法来解决这个问题。 我的应用程序中有一个网络视图。我希望能够检测键盘何时处于活动状态，何时处于非活动状态。当这些变化发生在网络视图中时，它似乎无法检测到。 我想对这些不同的状态执行操作。在iOS上，当键盘处于活动状态时，通过观察者进行监听非常简单。Ref UIKeyboard将显示/隐藏。 Android中是否有任何功能与这些观察者在Android中的功能相同？ 希望这个问题解释
-
问题内容： 从MDN for NodeList： 在某些情况下，NodeList是一个实时集合，这意味着DOM中的更改会反映在集合中。例如，Node.childNodes处于活动状态： 在其他情况下，NodeList是静态集合，这意味着DOM中的任何后续更改都不会影响集合的内容。document.querySelectorAll返回一个静态NodeList。 所以....有点烦！是否有任何关于哪些
-
我有一个小，很少有活动，每个活动都有一个图像作为背景。 由于每个图像都相当大（全高清），它会快速消耗内存，从而使整个应用程序运行缓慢，甚至由于内存不足异常而崩溃。 你怎么处理这样的事情？
-
问题内容： 理想情况下，我希望整个界面具有 自定义样式 ，该 样式 可以在ios（itouch / ipad）或具有等效虚拟键盘的android上看到。请参阅下面的更多细节。 当键盘“存在”时，自定义设置的CSS hacking规则处于活动状态也是一种可以接受的解决方案。 在网站（HTML / JavaScript / CSS）上同时定位android和ios。还请注意，内部布局为： “ flui
-
我正在寻找一种方法，显示一个div时，一个锚点被点击。我在我的页面上有一个HTML5/PHP表单，当提交时，它会将用户带着一条谢谢消息带到div中放置的锚，这是激活该链接的唯一方法。这是我试图显示的div： 当锚点处于活动状态时，是否有一种方法可以改变（可能使用CSS）显示：none？
-
我看到许多应用程序使用全屏图像作为背景。这是一个例子： 我想在项目中使用它，到目前为止，我发现最好的方法是使用大尺寸的图像，将其放入并使用来调整边距 问题是，如果屏幕分辨率非常高，图像质量就会下降。 我想到的另一个选择是使用中的图像，将中的和作为背景...这拉伸了图像，但我认为结果不是很好... 你会怎么做？