React Native DrawerLayoutAndroid + Toolbar - facebook

I've tried so many examples, and I couldn't do Toolbar work with a DrawerLayout.
Can anywone fix the example above, and show me in rnplay how does it work?
This is an example of what I tried to do.
https://rnplay.org/apps/telLVQ
Thank you.

Try setting a height to your . Also set styles to your view to fill the screen.
https://github.com/facebook/react-native/issues/7915

Related

ag-grid context menu is cut off (clipped)

Having a ag-grid (Angular component) of ag-grid v8.20
Unfortunately the context menu is clipped if it is bigger than the grid:
(screenshot should be here but I can't upload it, imgur bug?)
Is there a way to make the context menu display completely, without clipping?
If anyone else comes across this post, here is a plunker to demonstrate the fix.
var gridOptions = {
...
popupParent: document.querySelector("body")
...
};
It was clipped because of a CSS style I set on my component.
In my case it was a flexbox with "overflow-y: auto".
I had to remove that to make it work.
This is a general answer for people facing the same issue in react and typescript. This works for me.
popupParent={document.querySelector('body') || undefined}

Long press an element to show the black options bubble(copy,forward..) like wtsapp?

Can someone point me to the right direction of how to show options(copy, forward...) when I long press an element (a message in this case) like wtsapp/FB messenger?
I don't even know what keywords should I be searching...(tried modal, popover, action sheet)
Thanks.
Update:
I understand that I should use the on-hold gesture...I am specifically looking for the black option bubble to be shown. I don't know what it is called(not modal/pop up/ action sheet/popover/alert). Thanks.
you can use on-hold="myFunction()", check the link below
http://ionicframework.com/docs/api/directive/onHold/
and then use the $ionicActionSheet Service to do your logic, check the link below
http://ionicframework.com/docs/api/service/$ionicActionSheet/
on-hold event is your friend : http://ionicframework.com/docs/api/directive/onHold/
I think following Codepen example would help in accomplishing what you want to do:
Actionsheet : http://codepen.io/ionic/pen/jLylA
Also, have a look this thread on Ionic Forum before you start implementing, just to avoid any similar issue, plus, this thread got some CodePen examples, that your might find useful :
https://forum.ionicframework.com/t/displaying-actionsheet-on-a-long-press-aka-hold-event-problem/5663
You can implement long press with either on-hold and if you want to implement long press for buttons, try this directive from this link and a note on directive can be found here . You may need to use a custom action sheet ($ionicActionSheet) to implement the UIMenuController (iOS component) like feature.
.selectable{
-webkit-user-select: auto;
}
for selection and ion-content to overflow-scroll="true"

Can't seem to use SMPageControl

I'm trying to use SMPageControl, I've downloaded and added the h,m classes and I drag a UIView and set it's custom class to SMPageControl but it doesn't seem to work.
Any ideas about why wouldn't that work? I've also downloaded the sample project and dragged one of the UIViews that works there to my ViewController but it doesn't work.
SMPageControl: https://github.com/Spaceman-Labs/SMPageControl
The default appearance of SMPageControl is almost transparent and my background was white and thats why I couldn't see the control on my view.

How do I hide the west-Area on a borderlayout?

When I hide the borderlayout I do not want a frame displayed, is there anyway to do this?
You can hide the frame/border on the parts of a borderlayout by setting border="none".
&ltborderlayout&gt
&ltwest border="none"&gt
&lt/west&gt
&lt/borderlayout&gt
It's in the ZK borderlayout example, though not very explicit. Notice the "Here is a non-border" panel.
PS: Welcome to StackOverflow. In the future please be more specific with your questions; you'll get much better interest and more useful responses.
If you set the west-Area to '0px' how you will get it back to the original width?
west.setWidth("0px");

Changing MFSideMenu options after setup

I'm using the library MFSideMenu and able to set it up correctly. However some pages I want to change some of its options(setting options after setup doesn't seem possible). For example I want to turn off MFSideMenu on a login screen. How could I do this?
in your viewDidLoad for your LoginVC:
[self.navigationController.sideMenu setPanMode:MFSideMenuPanModeNone];
should do the trick.