blocks|key|1774930|text|伙计们，我想通了！只需将以下代码放入JSQMessagesInputToolbar.m中即可。似乎输入工具栏被放置在自己的窗口中，您需要单独访问它的窗口。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1774931|-(void)+didMoveToWindow{
[super+didMoveToWindow];
+if+(@available(iOS+11.0,+*))+{
+++++[[self+bottomAnchor]+constraintLessThanOrEqualToSystemSpacingBelowAnchor:self.window.safeAreaLayoutGuide.bottomAnchor+multiplier:1.0].active+=+YES;
+++++}
}|code-block|syntax|javascript|1774932|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Guys I have figured it out! Just put the following code in the JSQMessagesInputToolbar.m. It seems that the inputtoolbar is placed in its own window, you need to access its window separately.

<pre><code>-(void) didMoveToWindow{
[super didMoveToWindow];
 if (@available(iOS 11.0, *)) {
 [[self bottomAnchor] constraintLessThanOrEqualToSystemSpacingBelowAnchor:self.window.safeAreaLayoutGuide.bottomAnchor multiplier:1.0].active = YES;
 }
}
</code></pre>

blocks|key|74895|text|只需为JSQMessagesInputToolbar添加一个扩展|type|unstyled|depth|inlineStyleRanges|entityRanges|data|74896|extension+JSQMessagesInputToolbar+{
++++override+open+func+didMoveToWindow()+{
++++++++super.didMoveToWindow()
++++++++if+#available(iOS+11.0,+*),+let+window+=+self.window+{
++++++++++++let+anchor+=+window.safeAreaLayoutGuide.bottomAnchor
++++++++++++bottomAnchor.constraintLessThanOrEqualToSystemSpacingBelow(anchor,+multiplier:+1.0).isActive+=+true
++++++++}
++++}
}|code-block|syntax|javascript|74897|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Just add an extension for JSQMessagesInputToolbar

<pre><code>extension JSQMessagesInputToolbar {
 override open func didMoveToWindow() {
 super.didMoveToWindow()
 if #available(iOS 11.0, *), let window = self.window {
 let anchor = window.safeAreaLayoutGuide.bottomAnchor
 bottomAnchor.constraintLessThanOrEqualToSystemSpacingBelow(anchor, multiplier: 1.0).isActive = true
 }
 }
}
</code></pre>

blocks|key|139778|text|我提议一个基于JSQ最新develop分支提交的固定分叉。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|139779|它正在使用didMoveToWindow解决方案。不理想，但值得尝试，同时等待苹果的答案，关于inputAccessoryView的安全区布局指南附件，或任何其他更好的解决办法。|139780|您可以将其添加到您的Podfile中，替换前面的JSQ行：|139781|pod+'JSQMessagesViewController',+:git+=>+'https://github.com/Tulleb/JSQMessagesViewController.git',+:branch+=>+'develop',+:inhibit_warnings+=>+true|code-block|syntax|javascript|139782|entityMap^0|C|7|0|5|F|1B|I|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|Y|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|Z|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|P|$]]

I am proposing a fixed fork based on the JSQ latest <code>develop</code> branch commit.

It is using the <code>didMoveToWindow</code> solution. Not ideal but worth to try while waiting for Apple's answer about <code>inputAccessoryView</code>'s safe area layout guide attachment, or any other better fix.

You can add this to your Podfile, replacing the previous JSQ line:

<pre><code>pod 'JSQMessagesViewController', :git =&gt; 'https://github.com/Tulleb/JSQMessagesViewController.git', :branch =&gt; 'develop', :inhibit_warnings =&gt; true
</code></pre>

blocks|key|139732|text|我也有同样的问题。我试图通过将JSQMessageViewController作为子视图添加到设置了安全区的viewController上来解决这个问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|139733|MyJSQMessageViewController是JSQMessagesViewController的一个子类：|139734|self.myJSQMessageViewController+=+[[MyJSQMessageViewController+alloc]+init];
[self+addChildViewController:self.myJSQMessageViewController];
[self.view+addSubview:self.myJSQMessageViewController.view];
[self.myJSQMessageViewController+didMoveToParentViewController:self];
if+(@available(iOS+11.0,+*))+{
++++self.myJSQMessageViewController.view.translatesAutoresizingMaskIntoConstraints+=+NO;
++++[NSLayoutConstraint+activateConstraints:@[+[self.myJSQMessageViewController.view.leadingAnchor+constraintEqualToAnchor:self.view.safeAreaLayoutGuide.leadingAnchor],+[self.myJSQMessageViewController.view.trailingAnchor+constraintEqualToAnchor:self.view.safeAreaLayoutGuide.trailingAnchor],+[self.myJSQMessageViewController.view.topAnchor+constraintEqualToAnchor:self.view.safeAreaLayoutGuide.topAnchor],+[self.myJSQMessageViewController.view.bottomAnchor+constraintEqualToAnchor:self.view.safeAreaLayoutGuide.bottomAnchor]+]];
}|code-block|syntax|javascript|139735|不是理想的解决方案，但至少您将在iOS11安全区内有输入工具栏.坏消息是输入工具栏不会显示在不安全的区域，所以图形化不会像默认的工具栏(见图)。|139736|​|139737|📷|atomic|offset|length|139738|139739|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/c5a6359dd5e59dcb59f7d0b48c182ecf.png|imageAlt^0|0|0|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|13|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|14|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|15|8|@]|9|@]|A|$]]|$1|M|3|N|5|O|7|16|8|@]|9|@$P|17|Q|18|1|19]]|A|$]]|$1|R|3|L|5|6|7|1A|8|@]|9|@]|A|$]]|$1|S|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|T|$U|$5|V|W|X|A|$Y|Z|10|-4]]]]

I m having same problem. I m trying to solve it by adding the JSQMessageViewController as a child view on a viewController that has safe area set up.

Being MyJSQMessageViewController a subclass of JSQMessagesViewController:

<pre><code>self.myJSQMessageViewController = [[MyJSQMessageViewController alloc] init];
[self addChildViewController:self.myJSQMessageViewController];
[self.view addSubview:self.myJSQMessageViewController.view];
[self.myJSQMessageViewController didMoveToParentViewController:self];
if (@available(iOS 11.0, *)) {
 self.myJSQMessageViewController.view.translatesAutoresizingMaskIntoConstraints = NO;
 [NSLayoutConstraint activateConstraints:@[ [self.myJSQMessageViewController.view.leadingAnchor constraintEqualToAnchor:self.view.safeAreaLayoutGuide.leadingAnchor], [self.myJSQMessageViewController.view.trailingAnchor constraintEqualToAnchor:self.view.safeAreaLayoutGuide.trailingAnchor], [self.myJSQMessageViewController.view.topAnchor constraintEqualToAnchor:self.view.safeAreaLayoutGuide.topAnchor], [self.myJSQMessageViewController.view.bottomAnchor constraintEqualToAnchor:self.view.safeAreaLayoutGuide.bottomAnchor] ]];
}
</code></pre>

Not ideal solution but at least you will have input toolbar inside iOS11 safe area...
Bad news is that input toolbar wont be displayed on non safe areas so graphically wont be like a default toolbar (see image)

<a href="https://i.stack.imgur.com/lpGG4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lpGG4.png" alt="enter image description here"></a>

blocks|key|139830|text|在iPhoneX的输入工具栏下面找到了一个没有空空间的解决方案，不是整个工具栏self应该位于安全区域之上，而是它的self.contentView。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|139831|-(void)+didMoveToWindow{
++++[super+didMoveToWindow];
++++if+(@available(iOS+11.0,+*))+{
++++++++if+(self.window.safeAreaLayoutGuide+!=+nil)+{
++++++++++++[[self.contentView+bottomAnchor]+constraintLessThanOrEqualToSystemSpacingBelowAnchor:self.window.safeAreaLayoutGuide.bottomAnchor+multiplier:1.0].active+=+YES;
++++++++}
++++}
}|code-block|syntax|javascript|139832|entityMap^0|13|4|1M|G|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

Found a solution without empty space below input toolbar on iPhoneX, the idea that not the whole toolbar <code>self</code> should be above the safe area, but only its <code>self.contentView</code>:

<pre><code>-(void) didMoveToWindow{
 [super didMoveToWindow];
 if (@available(iOS 11.0, *)) {
 if (self.window.safeAreaLayoutGuide != nil) {
 [[self.contentView bottomAnchor] constraintLessThanOrEqualToSystemSpacingBelowAnchor:self.window.safeAreaLayoutGuide.bottomAnchor multiplier:1.0].active = YES;
 }
 }
}
</code></pre>

blocks|key|139869|text|检查这个响应|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|139870|哪个州：|139871|创建JSQMessagesInputToolbar类的接口，以及|unordered-list-item|style|CODE|139872|重写didMoveToWindow方法以添加以下代码：|139873|(DidMoveToWindow){+safeArea.bottomAnchor；NSLog(@"didMoveToWindow")；if+(@available(iOS+11.0，*))+{+UILayoutGuide+*+_Nonnull+safeArea+=+self.window.safeAreaLayoutGuide；if+(safeArea)+{+NSLayoutYAxisAnchor+*+_Nonnull+bottomAnchor+=safeArea.bottomAnchor；[self+bottomAnchor+_Nonnull+bottomAnchor:1.0].active=+YES；}|139874|注意:与更改类相比，创建接口更可取。因为如果您使用可可荚，那么每次更新豆荚时，您的更改都会被覆盖。|BOLD|139875|我用iPhone+XR+(模拟器)和iPhone+7(设备)检查过它，它工作得很好。|139876|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/jessesquires/JSQMessagesViewController/issues/2179#issuecomment-400932595^0|4|2|0|0|0|2|N|0|2|F|0|0|0|A|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|D|3|E|5|6|7|15|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|16|8|@$A|17|B|18|I|J]]|9|@]|C|$]]|$1|K|3|L|5|H|7|19|8|@$A|1A|B|1B|I|J]]|9|@]|C|$]]|$1|M|3|N|5|H|7|1C|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1D|8|@$A|1E|B|1F|I|Q]]|9|@]|C|$]]|$1|R|3|S|5|6|7|1G|8|@]|9|@]|C|$]]|$1|T|3|-4|5|6|7|1H|8|@]|9|@]|C|$]]]|U|$V|$5|W|X|Y|C|$Z|10]]]]

Check this <a href="https://github.com/jessesquires/JSQMessagesViewController/issues/2179#issuecomment-400932595" rel="nofollow noreferrer">response</a>:

Which state:

<ul>
<li>Create an interface of <code>JSQMessagesInputToolbar</code> class, and</li>
<li>Override <code>didMoveToWindow</code> method to add this code:

<pre><code>- (void)didMoveToWindow {
 [super didMoveToWindow];
 NSLog(@"didMoveToWindow");
 if (@available(iOS 11.0, *)) {

 UILayoutGuide * _Nonnull safeArea = self.window.safeAreaLayoutGuide;
 if (safeArea) {
 NSLayoutYAxisAnchor * _Nonnull bottomAnchor = safeArea.bottomAnchor;
 [[self bottomAnchor] constraintLessThanOrEqualToSystemSpacingBelowAnchor:bottomAnchor multiplier:1.0].active = YES;
 }
 }
}
</code></pre></li>
</ul>

Note: Creating interface is preferred over changing the class. Because if you used cocoa pods then each time you updated pods your changes will be overwritten.

I have checked it with iPhone XR (Simulator) and iPhone 7 (Device) it works fine.

blocks|key|74946|text|对于即使在应用了IQKeyboardManager.修复后工具栏也有问题的人，这可能是didMoveToWindow造成的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|74947|在使用IQKeyboardManager时，我在滚动(隐藏键盘)或点击"intro“时遇到了一些问题，所以最好在聊天所在的特定ViewController中禁用它。这样的话，底部就不会有不理想的保证金了。|74948|​|74949|📷|atomic|74950|74951|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://developer.qcloudimg.com/http-save/yehe-900000/0a8e721e2f59719bfde5dfb4903307a6.png|imageAlt^0|8|H|17|F|0|0|0|0|1|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@$9|Y|A|Z|B|C]|$9|10|A|11|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|12|8|@]|E|@]|F|$]]|$1|I|3|J|5|6|7|13|8|@]|E|@]|F|$]]|$1|K|3|L|5|M|7|14|8|@]|E|@$9|15|A|16|1|17]]|F|$]]|$1|N|3|J|5|6|7|18|8|@]|E|@]|F|$]]|$1|O|3|-4|5|6|7|19|8|@]|E|@]|F|$]]]|P|$Q|$5|R|S|T|F|$U|V|W|-4]]]]

For anyone having issues with the toolbar even after applying the <code>didMoveToWindow</code> fix, it might be due to IQKeyboardManager.
With IQKeyboardManager I've experienced some problems when scrolling down (hiding keyboard) or tapping &quot;intro&quot;, so it's better to have it disabled for that specific ViewController where the chat is. In that way, there won't be that undesired margin at the bottom.
<a href="https://i.stack.imgur.com/SOcbY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SOcbY.png" alt="Bottom padding on JSQMessagesViewController toolbar" /></a>

I have tried the swift example of <code>JSQMessageViewController</code> inside iOS 11 simulator. Here is the result:<a href="https://i.stack.imgur.com/dYraP.png" rel="noreferrer">screenshot</a>

I have tried using safe area margin and modify the toolbar constraint but there is still no difference. It seems that the toolbar is outside UIWindow (UITextEffectsWindow instead). Is there any solution?

jsqmessageviewcontroller ios11 toolbar

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我已经尝试过JSQMessageViewController在iOS 11模拟器中的快速示例。结果如下：我试过使用安全区域边距和修改工具栏约束，但仍然没有区别。工具栏似乎在UIWindow之外(而不是UITextEffectsWindow)。有什么解决办法吗？

问jsqmessageviewcontroller ios11工具栏
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jsqmessageviewcontroller ios11工具栏EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jsqmessageviewcontroller ios11工具栏
EN