Code-DJ
commented
9 months ago Hi the ListView issue works now but there seems to be something else that isn't right. Let me know if I should create a new issue.
I get the following error on 2.0.8-beta (works fine on 2.0.5-beta) - see code below:
Operation is not valid due to the current state of the object.
at at MauiReactor.Internals.Validate.EnsureNotNull[Label](Label value)
at at MauiReactor.VisualNode`1[[Microsoft.Maui.Controls.Label, Microsoft.Maui.Controls, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].OnAnimate()
at at MauiReactor.VisualElement`1[[Microsoft.Maui.Controls.Label, Microsoft.Maui.Controls, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].OnAnimate()
at at MauiReactor.View`1[[Microsoft.Maui.Controls.Label, Microsoft.Maui.Controls, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].OnAnimate()
at at MauiReactor.Label`1[[Microsoft.Maui.Controls.Label, Microsoft.Maui.Controls, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null]].OnAnimate()
at at MauiReactor.VisualNode.Animate()I have a variation of your MudEntry. Run the following with .UseMauiReactorApp<ListViewPage>():
In the simulator make sure you have Connect Hardware Keyboard so you can type fast. As soon as you open the Modal dialog, click in the Editor and start typing fast. The app crashes. If you wait, type one character, wait - then start typing fast, it works.
public class StartPage : Component
{
public override VisualNode Render() => new NavigationPage()
{
new ContentPage()
{
new Button("Open Child Page")
.OnClicked(async () => await Navigation!.PushModalAsync<ChildPage>())
}
};
}
public class ChildPageState
{
public string? SearchText { get; set; }
}
public class ChildPage : Component<ChildPageState>
{
public override VisualNode Render() => new NavigationPage()
{
new ContentPage
{
new Grid
{
new MudEditor()
.Label("Test")
}
}
.Title("Child Page")
.BackgroundColor(Colors.Aquamarine)
}
.OniOS(page => page.Set(MauiControls.PlatformConfiguration.iOSSpecific.Page.ModalPresentationStyleProperty, MauiControls.PlatformConfiguration.iOSSpecific.UIModalPresentationStyle.FormSheet));
}
class MudEditorState
{
public string? Text { get; set; }
public bool Focused { get; set; }
public bool IsEmpty { get; set; } = true;
public bool Invalidate { get; set; }
}
class MudEditor : Component<MudEditorState>
{
private MauiControls.Editor? _editorRef;
private Action<string>? _textChangedAction;
private string? _label;
public MudEditor OnTextChanged(Action<string> textChangedAction)
{
_textChangedAction = textChangedAction;
return this;
}
public MudEditor Label(string label)
{
_label = label;
return this;
}
public override VisualNode Render()
{
return new Grid("Auto", "*")
{
new Editor(editorRef => _editorRef = editorRef)
.Text(State.Text ?? "")
// .OnAfterTextChanged(OnTextChanged)
.OnTextChanged((s, e) =>
{
SetState(state => state.Invalidate = (State.Text?.Length == 0 && e.NewTextValue.Length > 0) || (State.Text?.Length > 0 && e.NewTextValue.Length == 0));
SetState(state => state.Text = e.NewTextValue, State.Invalidate);
_textChangedAction?.Invoke(e.NewTextValue);
})
.HFill()
.VFill()
.OnFocused(() => SetState(s => s.Focused = true))
.OnUnfocused(() => SetState(s => s.Focused = false)),
new Label(_label)
.OnTapped(() => _editorRef?.Focus())
.Margin(5,0)
.HStart()
.VCenter()
.TranslationY(State.Focused || !State.IsEmpty ? -20 : 0)
.ScaleX(State.Focused || !State.IsEmpty ? 0.8 : 1.0)
.AnchorX(0)
.TextColor(!State.Focused || State.IsEmpty ? Colors.Gray : Colors.Red)
.WithAnimation(duration: 200),
}
.HFill()
.VFill();
}
}side note: not sure why the entire editor is sliding out of view when hardware keyboard is connected. It looks like a MAUI thing though.
adospace
ListView works fine when you have a single ItemTemplate but for multiple ItemTemplates it renders the wrong cached rows.
Run the following with
.UseMauiReactorApp<ListViewPage>():